SvelteKit 快速入门教程,包含 Tailwind CSS 和 DaisyUI,GraphQL 和动态路由

从 hello world 到使用 SvelteKit 构建的 CMS 驱动的博客! 学习如何在 SvelteKit 中使用 SvelteKit 和 GraphQL 进行构建,使用端点从端点获取数据。 使用 Tailwind CSS、DaisyUI 和主题更改 00:00 - 简介 00:41 - 初始化后端 02:20 - 初始化前端 03:32 - 首次提交到 git 04:33 - 项目导览 07:50 - 配置 Tailwind 09:45 - 安装 graphql-request、GraphQL、DaisyUI 和 Tailwind CSS Typography 12:35 - DaisyUI 和 Tailwind CSS Typography 16:40 - Vite 环境变量 18:49 - 定义第一个 GraphQL 查询 20:05 - 创建 posts 端点 22:38 - 将环境变量与 env-cmd 一起使用 23:42 - 从端点获取数据 27:47 - 将端点数据作为 props 返回 30:27 - 使用 svelte:head API 30:53 - 设置索引页样式 31:15 - 使用 Svelte each 指令 37:00 - 将约束布局添加到 __layout 文件 39:03 - Post 端点和查询 46:01 - Post 的动态路由 51:00 - Svelte if 指令 52:30 - 从 CMS 内容创建动态页面 56:00 - 创建导航栏 1:06:19 - 提交到 git 1:07:27 - 添加主题切换