make prerender configurable (#1050)

* make prerender configurable

* fix a slew of broken links

* add contributor note

Author: Rich-Harris

apps/svelte.dev/.env

@@ -3,3 +3,6 @@ SUPABASE_KEY=
 
 GITHUB_CLIENT_ID=
 GITHUB_CLIENT_SECRET=
+
+# disable prerendering with `PRERENDER=false pnpm build` — this is useful for speeding up builds when previewing locally
+PRERENDER=true

apps/svelte.dev/README.md

@@ -35,3 +35,11 @@ When writing content for the tutorial, you need to be aware of the differences o
 ### Dependencies
 
 If you look in the site's package.json you'll notice several dependencies that don't appear to be used, such as `@testing-library/svelte`. These are present because they're referenced in the docs, and Twoslash needs to be able to find type definitions in order to typecheck snippets. Installing the dependencies was deemed preferable to faking it with `declare module`, since we're liable to end up with fictional types that way.
+
+### Prerendering
+
+Most of the site is prerendered. Since that involves some fairly expensive work, it can take a while. To build the site _without_ prerendering — for example, because you need to debug an issue that's affecting production builds — set the `PRERENDER` environment variable to `false`:
+
+```bash
+PRERENDER=false pnpm build
+```

apps/svelte.dev/src/routes/(authed)/+layout.server.js

@@ -1,5 +1,7 @@
 import * as session from '$lib/db/session';
 
+export const prerender = false;
+
 /** @type {import('@sveltejs/adapter-vercel').Config} */
 export const config = {
 	runtime: 'nodejs20.x' // see https://github.com/sveltejs/svelte/pull/9136

apps/svelte.dev/src/routes/+layout.server.ts

@@ -1,6 +1,10 @@
+import { PRERENDER } from '$env/static/private';
 import { docs, index } from '$lib/server/content';
 import type { BannerData, NavigationLink } from '@sveltejs/site-kit';
 
+// by default, all pages are prerendered
+export const prerender = PRERENDER !== 'false';
+
 const nav_links: NavigationLink[] = [
 	{
 		title: 'Docs',

apps/svelte.dev/src/routes/+page.server.js

@@ -1,7 +1,5 @@
 import { blog_posts } from '$lib/server/content';
 
-export const prerender = true;
-
 export async function load() {
 	const posts = blog_posts
 		.map((document) => ({

apps/svelte.dev/src/routes/blog/+page.server.js

@@ -2,8 +2,6 @@ import { error } from '@sveltejs/kit';
 import { blog_posts } from '$lib/server/content';
 import { render_content } from '$lib/server/renderer';
 
-export const prerender = true;
-
 export async function load({ params }) {
 	const document = blog_posts.find((document) => document.slug === `blog/${params.slug}`);
 

apps/svelte.dev/src/routes/blog/[slug]/+page.server.js

@@ -1,3 +1,5 @@
+export const prerender = true;
+
 export function GET() {
 	return new Response(undefined, {
 		status: 302,

apps/svelte.dev/src/routes/chat/+server.js

@@ -2,8 +2,6 @@ import { docs } from '$lib/server/content';
 import { redirect } from '@sveltejs/kit';
 import { error } from '@sveltejs/kit';
 
-export const prerender = true;
-
 export async function load({ params }) {
 	const topic = params.path.split('/')[0];
 	const document = docs.topics[`docs/${topic}`];