Add nextjs frontend (#7)

.github/workflows/front.yaml

@@ -0,0 +1,17 @@
+name: front
+
+on: push
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./front
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 20
+    - run: npm clean-install
+    - run: npm run build

.github/workflows/test.yaml → .github/workflows/go.yaml

@@ -1,4 +1,4 @@
-name: test
+name: go
 
 on: push
 

front/.env.example

@@ -0,0 +1,3 @@
+# Websocket URL
+# Reminder to replace this with production URL when building for production
+NEXT_PUBLIC_WEBSOCKET_URL="ws://localhost:4000/list"

front/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"]
+}

front/.gitignore

@@ -0,0 +1,41 @@
+# 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
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# env files (can opt-in for commiting if needed)
+.env*
+!.env.example
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

front/README.md

@@ -0,0 +1,35 @@
+# Frontend for kimsufi-notfier
+
+The website is hosted at: https://kimsufi-notifier.theobrigitte.com
+
+## Getting Started
+
+1. Copy `.env.example` to `.env` and fill in the required values.
+
+2. Run the development server with:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+3. Open [http://localhost:3000](http://localhost:3000) with your browser.
+
+4. Edit the file at `src/app/page.tsx`. The page auto-updates as you edit the file.
+
+## Other commands
+
+- `npm run build` to build the project into `build/` directory.
+- `npm run lint` to run linter on the project.
+
+## Links
+
+This project uses Next.js and Tailwind CSS. Here are some helpful links:
+
+- [Next.js](https://nextjs.org/docs)
+- [Tailwind CSS](https://tailwindcss.com/docs)

front/next.config.ts

@@ -0,0 +1,8 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: 'export',
+  distDir: 'build',
+};
+
+export default nextConfig;