using yarn and switching up next 13 conventions

.github/workflows/e2e.yml

@@ -8,7 +8,7 @@ jobs:
       NEXT_TELEMETRY_DISABLED: 1
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [16.x, 18.x]
     services:
       mongodb:
         image: mongo:4.4
@@ -18,17 +18,17 @@ jobs:
       - uses: actions/cache@v3
         with:
           path: ${{ github.workspace }}/.next/cache
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/yarn.lock') }}
       - uses: actions/checkout@v3
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
       - name: Install deps
-        run: npm install
+        run: yarn install
       - name: Install Playwright
-        run: npm run deps
+        run: yarn deps
       - name: Build Project for Testing
-        run: npm run build
+        run: yarn build
       - name: Run Playwright
-        run: npm test
+        run: yarn test

.gitignore

@@ -30,7 +30,9 @@ yarn-error.log*
 .env.test.local
 .env.production.local
 
+tsconfig.tsbuildinfo
+
 # vercel
 .vercel
 
-test-results/**/*
+test-results/**/*

README.md

@@ -19,19 +19,19 @@ brew install mongodb-community
 Install the project dependencies:
 
 ```
-npm install
+yarn
 ```
 
 Install playwright:
 
 ```
-npx playwright install --with-deps
+yarn playwright install --with-deps
 ```
 
 Build the project first:
 
 ```
-npm run build
+yarn build
 ```
 
 ## Notes

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -7,5 +7,6 @@ module.exports = {
 	swcMinify: true,
 	experimental: {
 		appDir: true,
+		serverComponentsExternalPackages: ["mongoose"],
 	},
 };