The Blog rebuild

Dockerfile

@@ -0,0 +1,30 @@
+# Use a lightweight Node.js image
+FROM node:22-alpine AS builder
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and install dependencies
+COPY package*.json ./
+RUN npm install
+
+# Copy the rest of the application code
+COPY . .
+
+# Build the Next.js application
+RUN npm run build
+
+# Use a new image for the production environment
+FROM node:22-alpine AS runner
+
+# Set the working directory
+WORKDIR /app
+
+# Copy built files from the builder stage
+COPY --from=builder /app ./
+
+# Expose the application port
+EXPOSE 3000
+
+# Command to run the application
+CMD ["npm", "start"]

data/config.json

@@ -1,5 +1,5 @@
 {
-  "title": "Blog Winderickx.me",
+  "title": "Blog Tuxonauts.be",
   "description": "Technologie blog vol informatie",
   "repositoryUrl": "https://gitlab.com/eliwinderickx/blog2024"
 }

package-lock.json

@@ -6,7 +6,7 @@
     "": {
       "name": "brevifolia-next",
       "dependencies": {
-        "@next/font": "13.0.4",
+        "@next/font": "^13.0.4",
         "glob": "^8.0.3",
         "gray-matter": "^4.0.3",
         "next": "13.0.4",
@@ -190,6 +190,8 @@
     },
     "node_modules/@next/font": {
       "version": "13.0.4",
+      "resolved": "https://registry.npmjs.org/@next/font/-/font-13.0.4.tgz",
+      "integrity": "sha512-csZhVqe870p7XE03WfbDLzjVwdBAWxe6/lWGQosfqY/XN5tsmfDLpj442veicfCiiuF7/ydSnAAJxH8PQVBVWQ==",
       "license": "MIT"
     },
     "node_modules/@next/swc-android-arm-eabi": {

package.json

@@ -8,10 +8,10 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@next/font": "13.0.4",
+    "@next/font": "^13.0.4",
+    "glob": "^8.0.3",
     "gray-matter": "^4.0.3",
     "next": "13.0.4",
-    "glob": "^8.0.3",
     "raw-loader": "^4.0.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -20,5 +20,10 @@
   "devDependencies": {
     "eslint": "8.27.0",
     "eslint-config-next": "13.0.4"
+  },
+  "scripts": {
+    "dev": "next dev -p 5000",
+    "start": "next start -p 5000"
   }
+
 }

pages/_app.js

@@ -1,13 +1,13 @@
 import "../styles/globals.css"
-import { Work_Sans } from "@next/font/google"
+import localFont from "@next/font/local"
 
-// importing the Work Sans font with
-// the Next.js 13 Font Optimization Feature
-const workSans = Work_Sans({
-  weight: ["400", "700"],
-  style: ["normal", "italic"],
-  subsets: ["latin"],
-})
+const workSans = localFont({ src: '../public/fonts/WorkSans.ttf' })
+
+// const workSans = Work_Sans({
+//   weight: ["400", "700"],
+//   style: ["normal", "italic"],
+//   subsets: ["latin"],
+// })
 
 function MyApp({ Component, pageProps }) {
   return <main className={workSans.className}>