migrate website to nextjs

Author: SvMak

.github/dependabot.yml

@@ -13,9 +13,6 @@ updates:
         patterns:
           - 'react'
           - 'react-dom'
-      docusaurus:
-        patterns:
-          - '@docusaurus/*'
 
   - package-ecosystem: 'github-actions'
     directory: '/'

.github/workflows/deploy.yml

@@ -2,34 +2,55 @@ name: Deploy to GitHub Pages
 
 on:
   schedule:
-    - cron: "0 0 * * *"
+    - cron: '0 0 * * *'
   push:
     branches:
       - main
   workflow_dispatch:
 
 jobs:
   build:
-    name: Build Docusaurus
+    name: Build Website
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v5
-        with:
-          fetch-depth: 0
-      - uses: actions/setup-node@v4
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: npm
 
       - name: Install dependencies
-        run: npm ci
-      - name: Build website
-        run: npm run build
+        run: npm install
+
+      - name: Setup Pages
+        id: setup_pages
+        uses: actions/configure-pages@v5
+
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            .next/cache
+          # Generate a new cache whenever packages or source files change.
+          key:
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{
+            hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
+
+      - name: Build with Next.js
+        run: NEXT_PUBLIC_BASE_URL=https://sdkman.io npm run build
+        env:
+          PAGES_BASE_PATH: ${{ steps.setup_pages.outputs.base_path }}
 
-      - name: Upload Build Artifact
+      - name: Upload artifact
         uses: actions/upload-pages-artifact@v4
         with:
-          path: build
+          path: ./out
 
   deploy:
     name: Deploy to GitHub Pages

.github/workflows/test-deploy.yml

@@ -10,15 +10,36 @@ jobs:
     name: Test deployment
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v5
-        with:
-          fetch-depth: 0
-      - uses: actions/setup-node@v4
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: npm
 
       - name: Install dependencies
-        run: npm ci
-      - name: Test build website
+        run: npm install
+
+      - name: Setup Pages
+        id: setup_pages
+        uses: actions/configure-pages@v5
+
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            .next/cache
+          # Generate a new cache whenever packages or source files change.
+          key:
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{
+            hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
+
+      - name: Build with Next.js
         run: npm run build
+        env:
+          PAGES_BASE_PATH: ${{ steps.setup_pages.outputs.base_path }}

.gitignore

@@ -1,29 +1,41 @@
-# Dependencies
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
 /node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
 
-# Production
-/build
+# testing
+/coverage
 
-# Generated files
-.docusaurus
-.cache-loader
+# next.js
+/.next/
+/out/
 
-# Misc
+# production
+/build
+
+# misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
 
-# Hide preprocessing out
-/preprocessing/out
+# vercel
+.vercel
 
-# Hide auto generated doc pages
-/docs/jdks.mdx
-/docs/sdks.mdx
-/src/data/jdks-versions.ts
-/src/data/sdks.ts
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierrc

@@ -1,16 +1,16 @@
 {
   "singleQuote": true,
   "proseWrap": "always",
-  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss"
+  ],
   "importOrder": [
-    "^@site/src/types/(.*)$",
+    "^@/types/(.*)$",
     "^react(/[^\\/]+)?$",
+    "^next(/[^\\/]+)?$",
     "<THIRD_PARTY_MODULES>",
-    "^@site/src/components/(.*)$",
-    "^@site/src/hooks/(.*)$",
-    "^@site/src/lib/(.*)$",
-    "^@site/src/data/(.*)$",
-    "^@site/src/(.*)$",
+    "^@/(.*)$",
     "^[./]"
   ],
   "importOrderSeparation": true,

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="https://sdkman.io">SDKMAN!</a> Website built using <a href="https://docusaurus.io/">Docusaurus</a>, a modern static website generator.
+  <a href="https://sdkman.io">SDKMAN!</a> Website built using <a href="https://nextjs.org">Next.js</a>.
 </p>
 <br />
 
@@ -11,32 +11,18 @@ $ npm i
 
 ### Local Development
 
+```bash
+$ npm run dev
 ```
-$ npm start
-```
-
-This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
 
-### Build
+### Local Build
 
-```
+```bash
 $ npm run build
 ```
 
-This command generates static content into the `build` directory and can be served using any static contents hosting service.
+### Production Build
 
-### Deployment
-
-Using SSH:
-
-```
-$ USE_SSH=true npm run deploy
+```bash
+$ NEXT_PUBLIC_BASE_URL=https://sdkman.io npm run build
 ```
-
-Not using SSH:
-
-```
-$ GIT_USER=<Your GitHub username> npm run deploy
-```
-
-If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.

babel.config.js

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}