challenges_sveltekit_graphql_houdini Svelte Themes

Challenges_sveltekit_graphql_houdini

Steps on building the assignment for SvelteKit & GraphQL & Houdini & Hasura

  • Experimented some methods to use esbuild on a MacBookPro-mid2010 machine and found out pnpm with a wasm-based esbuild works well enough
  • Needed to use enforce package.json into nodeV-16 and npmpV-8
  • Imported my icebreaker repo as a submodule, to test and export the data with postgres-based RestAPI.
  • Conjured a Vagrantfile from abyss, initialising with a shared folder pointing to my server/ folder to run it from within Vagrant.
  • Created a Hasura Cloud & Neon Console accounts.
  • Imported content for 3 tables from my icebreaker repo: users, contents and crossbindings.
  • Started SvelteKit initial structure, imported some packages manually; FontAwesome, Tailwind, Flowbite for design-related needs
  • Created a anonymous-accessible role for the GraphQL endpoints, enabling access to the tables
  • Fetched the GraphQL-schema trough the watchSchema of the Hasura-config.
  • Built up the component structure for various parts of the frontend
  • Prepped the GraphQL queries first as +page.gql and then moved them to queries/ folder
  • /user and /users pointing out to the stores auto-generated by the Houdini.
  • tried to trigger the fetch manually, exchanged the fetch() with a detailed POST fetcher wtthin lib/graphql/client
  • replaced role-based anon-access with the admin-key of Hasura

Top categories

Loading Svelte Themes