SvelteKit Crash Course w/ Tailwind CSS and DaisyUI, GraphQL and dynamic routes

From hello world to a CMS powered blog using SvelteKit! Learn how to build with SvelteKit and GraphQL in SvelteKit using endpoints to fetch data from an endpoint. Uses Tailwind CSS, DaisyUI and theme change 00:00 - Intro 00:41 - Initialise backend 02:20 - Initialise frontend 03:32 - Initial commit to git 04:33 - Project tour 07:50 - Configure Tailwind 09:45 - Install graphql-request, GraphQL, DaisyUI and Tailwind CSS Typography 12:35 - DaisyUI and Tailwind CSS Typography 16:40 - Vite environment variables 18:49 - Defining the first GraphQL query 20:05 - Create posts endpoint 22:38 - Use environment variables with env-cmd 23:42 - Get data from endpoint 27:47 - Return endpoint data as props 30:27 - Use svelte:head API 30:53 - Style the index page 31:15 - Use Svelte each directive 37:00 - Add constrained layout to the __layout file 39:03 - Post endpoint and query 46:01 - Dynamic routing for post 51:00 - Svelte if directive 52:30 - Create dynamic pages from CMS content 56:00 - Create a navigation bar 1:06:19 - commit to git 1:07:27 - add theme switch