refactor(nextjs): replace mono-repo with nextjs approach

.eslintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:prettier/recommended"
+  ],
+  "rules": {
+    "prettier/prettier": "error"
+  }
+}

.github/workflows/ci.yml

@@ -6,21 +6,19 @@ on:
       - main
 
 jobs:
-  deploy:
+  ship_it:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
-          fetch-depth: "0"
-      - name: Setup Node
-        uses: actions/setup-node@v3
+          fetch-depth: '0'
+      - uses: actions/setup-node@v3
         with:
           node-version: 18
-          cache: "yarn"
       - name: 🚀 Deploy 🚀
         run: make deploy
         env:
-          API_HOST: ${{ secrets.API_HOST }}
+          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

.gitignore

@@ -1,10 +1,42 @@
-# Macos
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
 .DS_Store
+*.pem
 
-# Editors
-.vscode/
-.idea/
-.fleet/
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-# Node
-node_modules/
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# Generated
+public/career
+.lighthouseci
+
+# Editors
+.idea/

api/.prettierrc.json → .prettierrc.json

@@ -4,4 +4,4 @@
   "singleQuote": true,
   "trailingComma": "es5",
   "semi": false
-}
+}

.vscode/launch.json

@@ -0,0 +1,28 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Next.js: debug server-side",
+      "type": "node-terminal",
+      "request": "launch",
+      "command": "npm run dev"
+    },
+    {
+      "name": "Next.js: debug client-side",
+      "type": "chrome",
+      "request": "launch",
+      "url": "http://localhost:3000"
+    },
+    {
+      "name": "Next.js: debug full stack",
+      "type": "node-terminal",
+      "request": "launch",
+      "command": "npm run dev",
+      "serverReadyAction": {
+        "pattern": "- Local:.+(https?://.+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
+    }
+  ]
+}

Makefile

@@ -1,29 +1,29 @@
 install:
-	yarn install
-	cd e2e && make install
+	npm install
 
-dev_api:
-	cd api && make dev
+dev:
+	npm run dev
 
-dev_web:
-	cd web && make dev
+.PHONY: build
+build:
+	npm run build
 
-start_api:
-	cd api && make start
+start: build
+	npm run start
 
-start_web:
-	cd web && make start
+lint:
+	npm run lint
 
-start:
-	yarn $@
+lint_fix:
+	npm run lint:fix
 
-dev:
-	yarn $@
+performance:
+	chmod +x ./script/$@.sh
+	./script/$@.sh "3000"
+
+test: lint build
 
-.PHONY: e2e
-e2e:
-	cd e2e && make test
+deploy: install test
 
-deploy: install e2e
-	cd api && make $@
-	cd web && make $@
+clean:
+	rm -rf node_modules/ .next/

README.md

@@ -1,31 +1,34 @@
-# Image Analyzer App
-
-> a monorepo for a web app that analyzes images using MobileNet (in-browser) and ChatGPT (Cloudflare Workers)
+# Web Playground
+> a NextJS playground for my small web apps
 
 ## Requirements
 
 - [GNU Make](https://www.gnu.org/software/make)
 - [Nodejs](https://nodejs.org/en/)
-- [Yarn](https://yarnpkg.com/)
 
 ## Usage
 
 To install project dependencies, run the following command:
 ```bash
 make install
-``` 
+```
 
 To start the application, run the following command:
 ```bash
 make start
 ```
 
-To run `e2e` tests, run the following command:
+To run all tests, run the following command:
 ```bash
-make e2e
+make test
 ```
 
 To deploy the application, run the following command:
 ```bash
 make deploy
 ```
+
+## TODOS
+
+- [ ] Migrate [stockjs](https://github.com/tjmaynes/gists/tree/main/javascript/stockjs) app to web-playground
+- [ ] Migrate [tic-tac-toe](https://github.com/tjmaynes/gists/tree/main/javascript/tic-tac-toe) app to web-playground