From e3144a743f192a91f32b164cbe4e3aec0f66519d Mon Sep 17 00:00:00 2001
From: Simon Holthausen <simon.holthausen@vercel.com>
Date: Fri, 13 Jan 2023 11:48:59 +0100
Subject: [PATCH] docs: add general build docs

closes #8500
---
 .../20-core-concepts/45-building-your-app.md  | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 documentation/docs/20-core-concepts/45-building-your-app.md

diff --git a/documentation/docs/20-core-concepts/45-building-your-app.md b/documentation/docs/20-core-concepts/45-building-your-app.md
new file mode 100644
index 000000000000..d26f4b8c155c
--- /dev/null
+++ b/documentation/docs/20-core-concepts/45-building-your-app.md
@@ -0,0 +1,38 @@
+---
+title: Building Your App
+---
+
+Building a SvelteKit consists of two stages. First the production build is run. This will create a client and a server build which are later consumed by the corresponding environments. [Prerendering](/docs/page-options#prerender) is executed at this stage, if enabled. The second stage is to _adapt_ the output to your deployment target using adapters (more on that in the [adapters docs](/docs/adapters)).
+
+## During the build
+
+SvelteKit will load your `+page/layout(.server).js` files (and all files they import) for analysis during the build. This could lead to code eagerly running which you want to avoid at that stage. Wrap the code in question with `building` from `$app/environment`:
+
+```js
+/// file: +layout.server.js
+// @filename: ambient.d.ts
+declare module '$lib/server/database' {
+	export function setupMyDatabase(): void;
+}
+
+// @filename: index.js
+// ---cut---
+import { building } from '$app/environment';
+import { setupMyDatabase } from '$lib/server/database';
+
+if (!building) {
+	setupMyDatabase();
+}
+
+export function load() {
+	// ...
+}
+```
+
+## Preview your app
+
+Run the `preview` script to look at your app locally after the production build is done. Note that this does not yet include adapter-specific adjustments like the [`platform` object](/docs/adapters#supported-environments-platform-specific-context).
+
+## Adapters
+
+Before you can deploy your SvelteKit app, you need to _adapt_ it for your deployment target. Adapters are small plugins that take the built app as input and generate output for deployment. Read more about them in [adapters](/docs/adapters).