sveltejs · Rich-Harris · Sep 27, 2022 · Sep 26, 2022 · Sep 26, 2022 · Sep 26, 2022
diff --git a/...g-sveltekit/app-a/src/routes/index.svelte → ...g-sveltekit/app-a/src/routes/+page.svelte b/...g-sveltekit/app-a/src/routes/index.svelte → ...g-sveltekit/app-a/src/routes/+page.svelte
diff --git a/...t-structure/app-a/src/routes/index.svelte → ...t-structure/app-a/src/routes/+page.svelte b/...t-structure/app-a/src/routes/index.svelte → ...t-structure/app-a/src/routes/+page.svelte
diff --git a/...-and-client/app-a/src/routes/index.svelte → ...-and-client/app-a/src/routes/+page.svelte b/...-and-client/app-a/src/routes/index.svelte → ...-and-client/app-a/src/routes/+page.svelte
diff --git a/...e-rendering/app-a/src/routes/index.svelte → ...e-rendering/app-a/src/routes/+page.svelte b/...e-rendering/app-a/src/routes/index.svelte → ...e-rendering/app-a/src/routes/+page.svelte
diff --git a/...rerendering/app-a/src/routes/index.svelte → ...rerendering/app-a/src/routes/+page.svelte b/...rerendering/app-a/src/routes/index.svelte → ...rerendering/app-a/src/routes/+page.svelte
diff --git a/content/tutorial/02-sveltekit/02-routing/01-pages/README.md b/content/tutorial/02-sveltekit/02-routing/01-pages/README.md
@@ -2,13 +2,13 @@
 title: Pages
 ---
 
-SvelteKit uses filesystem-based routing, which means that the _routes_ of your app — in other words, what the app should do when a user navigates to a particular URL — follow the same structure as your source code.
+SvelteKit uses filesystem-based routing, which means that the _routes_ of your app — in other words, what the app should do when a user navigates to a particular URL — are defined by the directories in your codebase.
 
-In this app we have two routes — `src/routes/index.svelte`, which maps to `/`, and `src/routes/about.svelte`, which maps to `/about`. Clicking the `about` link will take you from the home page to the about page.
+In this app we have two routes — `src/routes/+page.svelte`, which maps to `/`, and `src/routes/about/+page.svelte`, which maps to `/about`. Clicking the `about` link will take you from the home page to the about page.
 
 > Unlike traditional multi-page apps, navigating to `/about` updates the contents of the current page, like a single-page app. This gives us the best of both worlds — fast server-rendered startup, then instant navigation.
 
-Let's add a link in `src/routes/about.svelte` back to the homepage:
+Let's add a link in `src/routes/about/+page.svelte` back to the homepage:
 
 ```svelte
 <p>This is the about page.</p>

diff --git a/...ng/01-pages/app-a/src/routes/index.svelte → ...ng/01-pages/app-a/src/routes/+page.svelte b/...ng/01-pages/app-a/src/routes/index.svelte → ...ng/01-pages/app-a/src/routes/+page.svelte
diff --git a/...ng/01-pages/app-a/src/routes/about.svelte → ...pages/app-a/src/routes/about/+page.svelte b/...ng/01-pages/app-a/src/routes/about.svelte → ...pages/app-a/src/routes/about/+page.svelte
diff --git a/...ng/01-pages/app-b/src/routes/about.svelte → ...pages/app-b/src/routes/about/+page.svelte b/...ng/01-pages/app-b/src/routes/about.svelte → ...pages/app-b/src/routes/about/+page.svelte
diff --git a/...2-endpoints/app-a/src/routes/index.svelte → ...2-endpoints/app-a/src/routes/+page.svelte b/...2-endpoints/app-a/src/routes/index.svelte → ...2-endpoints/app-a/src/routes/+page.svelte
diff --git a/...2-endpoints/app-a/src/routes/about.svelte → ...oints/app-a/src/routes/about/+page.svelte b/...2-endpoints/app-a/src/routes/about.svelte → ...oints/app-a/src/routes/about/+page.svelte
diff --git a/...2-endpoints/app-b/src/routes/about.svelte → ...oints/app-b/src/routes/about/+page.svelte b/...2-endpoints/app-b/src/routes/about.svelte → ...oints/app-b/src/routes/about/+page.svelte
diff --git a/.../01-sandbox/app-a/src/routes/index.svelte → .../01-sandbox/app-a/src/routes/+page.svelte b/.../01-sandbox/app-a/src/routes/index.svelte → .../01-sandbox/app-a/src/routes/+page.svelte
diff --git a/content/tutorial/04-advanced-sveltekit/01-todo/01-sandbox/app-a/svelte.config.js b/content/tutorial/04-advanced-sveltekit/01-todo/01-sandbox/app-a/svelte.config.js
@@ -3,13 +3,7 @@ import adapter from '@sveltejs/adapter-auto';
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	kit: {
-		adapter: adapter(),
-
-		vite: {
-			optimizeDeps: {
-				include: ['cjs-dep']
-			}
-		}
+		adapter: adapter()
 	}
 };
 

diff --git a/content/tutorial/04-advanced-sveltekit/01-todo/01-sandbox/app-a/vite.config.js b/content/tutorial/04-advanced-sveltekit/01-todo/01-sandbox/app-a/vite.config.js
@@ -0,0 +1,6 @@
+/** @type {import('vite').UserConfig} */
+export default {
+	optimizeDeps: {
+		include: ['cjs-dep']
+	}
+};
diff --git a/package.json b/package.json
@@ -2,11 +2,9 @@
 	"name": "learn.svelte.dev",
 	"version": "0.0.1",
 	"scripts": {
-		"dev": "svelte-kit dev",
-		"build": "node scripts/create-common-bundle && svelte-kit build && node scripts/create-middleware",
-		"package": "svelte-kit package",
-		"preview": "svelte-kit preview",
-		"prepare": "svelte-kit sync",
+		"dev": "vite dev",
+		"build": "node scripts/create-common-bundle && vite build && node scripts/create-middleware",
+		"preview": "vite preview",
 		"check": "svelte-check --tsconfig ./jsconfig.json",
 		"check:watch": "svelte-check --tsconfig ./jsconfig.json --watch",
 		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. .",
@@ -15,15 +13,16 @@
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "next",
 		"@sveltejs/kit": "next",
-		"@sveltejs/site-kit": "^2.1.0",
+		"@sveltejs/site-kit": "^2.1.2",
 		"diff": "^5.1.0",
 		"esbuild": "^0.14.43",
 		"prettier": "^2.6.2",
 		"prettier-plugin-svelte": "^2.7.0",
 		"svelte": "^3.48.0",
 		"svelte-check": "^2.7.2",
 		"tiny-glob": "^0.2.9",
-		"typescript": "~4.6.4"
+		"typescript": "~4.6.4",
+		"vite": "^3.1.3"
 	},
 	"type": "module",
 	"dependencies": {