Dev (#2)

* addin support for Docker * updating the docker configuration * adding heroku.yml * adding heroku.yml v * adding heroku.yml v2 * adding heroku.yml v3
Betarena · Nov 21, 2021 · 843b9f9 · 843b9f9
1 parent e592c31
commit 843b9f9
Show file tree

Hide file tree

Showing 8 changed files with 121 additions and 11 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,18 @@
+FROM node:14.17-alpine
+
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm i --no-optional
+
+COPY . .
+
+RUN npm run build
+
+FROM node:14.17-slim
+
+WORKDIR /app
+COPY --from=0 /app .
+COPY . .
+
+EXPOSE 3000
+CMD ["node", "./build"]
diff --git a/heroku.yml b/heroku.yml
@@ -0,0 +1,3 @@
+build:
+  docker:
+    web: Dockerfile
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -4,13 +4,15 @@
   "scripts": {
     "dev": "svelte-kit dev --host",
     "build": "svelte-kit build",
+    "start" : "node build",
     "preview": "svelte-kit preview",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
     "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
   },
   "devDependencies": {
+    "@sveltejs/adapter-vercel": "next",
     "@sveltejs/kit": "next",
     "@types/cookie": "^0.4.1",
     "@typescript-eslint/eslint-plugin": "^4.31.1",
@@ -25,7 +27,7 @@
     "svelte-preprocess": "^4.9.4",
     "tslib": "^2.3.1",
     "typescript": "^4.4.3",
-    "@sveltejs/adapter-vercel": "next"
+    "@sveltejs/adapter-node": "^1.0.0-next.55"
   },
   "type": "module",
   "dependencies": {

diff --git a/src/app.html b/src/app.html
@@ -20,8 +20,6 @@
 		<!-- <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> -->
 		<!-- <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> -->
 
-		<link rel="icon" href="/favicon.png" />
-
 		%svelte.head%
 	</head>
 	<body>

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
@@ -71,12 +71,12 @@
 
 <style>
 	#background-image {
-		background-image: url('$lib/header-background.svg');
-		background-repeat: no-repeat;
-		background-size: auto;
-		background-origin: border-box;
-		background-position: inherit;
-		height: 495px;
+        background-image: url(/src/lib/header-background.svg);
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-origin: border-box;
+        background-position: bottom;
+        height: 495px;
 	}
 	
 	section {

diff --git a/svelte.config.js b/svelte.config.js
@@ -1,4 +1,5 @@
-import vercel from '@sveltejs/adapter-vercel';
+// import vercel from '@sveltejs/adapter-vercel';
+import node from '@sveltejs/adapter-node';
 import preprocess from 'svelte-preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -11,7 +12,9 @@ const config = {
 		// hydrate the <div id="svelte"> element in src/app.html
 		target: '#svelte',
 		// ... adding vercel support ...
-		adapter: vercel()
+		// adapter: vercel()
+		// ... NODE-JS deployment Environment ...
+		adapter: node()
 	}
 };