deploy to vercel

.vscode/settings.json

@@ -1,6 +1,9 @@
 {
   "cSpell.words": [
     "opensas",
-    "sveltekit"
+    "preprocessors",
+    "sveltejs",
+    "sveltekit",
+    "vercel"
   ]
 }

README.md

@@ -4,6 +4,30 @@ Based on the [Landing Page](https://www.tailwindtoolbox.com/templates/landing-pa
 
 ![Landing Page](https://www.tailwindtoolbox.com/templates/landing-page.png)
 
+The site is automatically deployed to [vercel](https://vercel.com) using the [SvelteKit vercel adapter](https://github.com/sveltejs/kit/tree/master/packages/adapter-vercel). Check the [documentation](https://kit.svelte.dev/docs#adapters) for other adapters. 
+
+## Deploying to vercel
+
+Add `"@sveltejs/adapter-vercel"`: `"next"` to the devDependencies in your `package.json` and run `npm install`.
+
+```shell
+pnpm install -D @sveltejs/adapter-vercel
+```
+
+Then modify your svelte.config.js:
+
+```javascript
+const vercel = require('@sveltejs/adapter-vercel');
+...
+
+module.exports = {
+  kit: {
+    ...
+    adapter: vercel()
+  }
+};
+```
+
 ## Running locally
 
 Clone the repo, install dependencies and start the development server:

package.json

@@ -10,24 +10,25 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-node": "next",
+    "@sveltejs/adapter-vercel": "next",
     "@sveltejs/kit": "next",
     "@typescript-eslint/eslint-plugin": "^4.19.0",
     "@typescript-eslint/parser": "^4.19.0",
+    "autoprefixer": "^10.2.5",
+    "cssnano": "^5.0.1",
     "eslint": "^7.22.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-svelte3": "^3.1.0",
+    "postcss": "^8.2.10",
+    "postcss-load-config": "^3.0.1",
     "prettier": "~2.2.1",
     "prettier-plugin-svelte": "^2.2.0",
     "svelte": "^3.29.0",
     "svelte-preprocess": "^4.7.1",
+    "tailwindcss": "^2.1.1",
     "tslib": "^2.0.0",
     "typescript": "^4.0.0",
-    "vite": "^2.1.0",
-    "autoprefixer": "^10.2.5",
-    "cssnano": "^5.0.1",
-    "postcss": "^8.2.10",
-    "postcss-load-config": "^3.0.1",
-    "tailwindcss": "^2.1.1"
+    "vite": "^2.1.0"
   },
   "type": "module"
 }

svelte.config.cjs

@@ -1,5 +1,6 @@
 const sveltePreprocess = require('svelte-preprocess')
-const node = require('@sveltejs/adapter-node')
+// const node = require('@sveltejs/adapter-node')
+const vercel = require('@sveltejs/adapter-vercel');
 const pkg = require('./package.json')
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -19,7 +20,8 @@ module.exports = {
     // By default, `npm run build` will create a standard Node app.
     // You can create optimized builds for different platforms by
     // specifying a different adapter
-    adapter: node(),
+    // adapter: node(),
+    adapter: vercel(),
 
     // hydrate the <div id="svelte"> element in src/app.html
     target: '#svelte',