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

Видео SvelteKit Crash Course w/ Tailwind CSS and DaisyUI, GraphQL and dynamic routes канала Scott Spence