Merge pull request #51 from CreoWis/issue-43-add-dockerfile

Add Docker Support for the Application

Author: koustov

.dockerignore

@@ -0,0 +1,33 @@
+# Include any files or directories that you don't want to be copied to your
+# container here (e.g., local build artifacts, temporary files, etc.).
+#
+# For more help, visit the .dockerignore file reference guide at
+# https://docs.docker.com/go/build-context-dockerignore/
+
+**/.classpath
+**/.dockerignore
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/.next
+**/.cache
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/charts
+**/docker-compose*
+**/compose*
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+**/build
+**/dist
+LICENSE
+README.md

Dockerfile

@@ -0,0 +1,30 @@
+FROM --platform=linux/arm64/v8 node:18-alpine AS build
+# Install dependencies only when needed
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+
+COPY package.json package-lock.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+
+# Build Stage
+FROM --platform=linux/arm64/v8 node:18-alpine AS build-stage
+RUN apk update && apk upgrade && apk add dumb-init && adduser -D nextuser 
+
+
+
+WORKDIR /app
+COPY --from=build --chown=nextuser:nextuser /app/public ./public
+COPY --from=build --chown=nextuser:nextuser /app/.next/standalone ./
+COPY --from=build --chown=nextuser:nextuser /app/.next/static ./.next/static
+
+USER nextuser
+
+EXPOSE 3000
+
+ENV HOST=0.0.0.0 PORT=3000 
+CMD ["dumb-init","node","server.js"]

README.md

@@ -36,7 +36,26 @@ Say goodbye to setup headaches and hello to consistent code quality. Elevate you
 - **Prettier Plugin Tailwindcss**: Automatic sorting of tailwind classnames using the official prettier plugin.
 - **Prettier Plugin Sort Imports**: Organize import declarations alphabetically within groups, which can help improve readability when working on larger projects.
 - **Husky**: Ensure code quality and prevent bad commits with pre-commit hooks powered by Husky.
+- **Docker Support**: Complete Docker configuration.
+    ```bash
+   -  Start the application using this Docker command:
+   
+    docker-compose up
+
+    The command will:
+    1. Build the application container
+    2. Install all dependencies
+    3. Start the development server
+    4. Make the application available on localhost
+    ```
+
 -  **Internationalization (i18n)**: Built-in support for multiple languages using next-intl, making it easy to create multilingual applications with locale-specific routing and translations.
+  ## Getting Started
+> Usage
+
+```bash
+npx create-next-app -e https://github.com/CreoWis/next-js-launchpad
+```
 
 ## Internationalization (i18n)
 NextJsLaunchpad comes with built-in internationalization support using next-intl. This integration provides:
@@ -92,12 +111,6 @@ To use strings from a language file in both **client and server** components, us
    <h1>{t('welcomeMessage')}</h1>
    ```
    
-## Getting Started
-> Usage
-
-```bash
-npx create-next-app -e https://github.com/CreoWis/next-js-launchpad
-```
 
 <!-- Project should be public for the above command to work -->
 

docker-compose.yml

@@ -0,0 +1,11 @@
+version: "3.8"
+
+services:
+  demo-app-name:
+    build:
+      context: .  # Path to the directory containing the Dockerfile
+      dockerfile: Dockerfile  # Name of the Dockerfile (if not named "Dockerfile", specify it here)
+    # env_file: 
+    #   - .env
+    ports:
+      - "3000:3000"  # Expose port 3000 on the host, mapping to port 3000 in the container

next.config.mjs

@@ -4,6 +4,7 @@ import createNextIntlPlugin from 'next-intl/plugin';
 const withNextIntl = createNextIntlPlugin();
 
 const nextConfig = {
+  output: 'standalone',
   reactStrictMode: true,
   swcMinify: true,
   productionBrowserSourceMaps: true,