Start UI v3

.env.example

@@ -1,36 +1,33 @@
+VITE_PORT=3000
+
 # DOCKER
 DOCKER_DATABASE_PORT="5432"
 DOCKER_DATABASE_NAME="startui"
 DOCKER_DATABASE_USERNAME="startui"
 DOCKER_DATABASE_PASSWORD="startui"
 
 # PUBLIC CONFIG
-NEXT_PUBLIC_BASE_URL="http://localhost:3000"
+VITE_BASE_URL="http://localhost:${VITE_PORT}"
 # Use the following environment variables to show the environment name.
-NEXT_PUBLIC_ENV_NAME="LOCAL"
-NEXT_PUBLIC_ENV_EMOJI="🚧"
-NEXT_PUBLIC_ENV_COLOR_SCHEME="warning"
+VITE_ENV_NAME="LOCAL"
+VITE_ENV_EMOJI="🚧"
+VITE_ENV_COLOR="gold"
+
 # Configure demo mode (read only)
-NEXT_PUBLIC_IS_DEMO="false"
+VITE_IS_DEMO="false"
 
 # DATABASE
 DATABASE_URL="postgres://${DOCKER_DATABASE_USERNAME}:${DOCKER_DATABASE_PASSWORD}@localhost:${DOCKER_DATABASE_PORT}/${DOCKER_DATABASE_NAME}"
 
-# SESSION
-SESSION_EXPIRATION_SECONDS=2592000 # 30 days
+# AUTH
+BETTER_AUTH_SECRET="REPLACE ME" # You can use `npx @better-auth/cli@latest secret` to a generated secret
+SESSION_EXPIRATION_IN_SECONDS=2592000 # 30 days
+SESSION_UPDATE_AGE_IN_SECONDS=86400 # 1 day (every 1 day the session expiration is updated)
 
 # GITHUB
 GITHUB_CLIENT_ID="REPLACE ME"
 GITHUB_CLIENT_SECRET="REPLACE ME"
 
-# GOOGLE
-GOOGLE_CLIENT_ID="REPLACE ME"
-GOOGLE_CLIENT_SECRET="REPLACE ME"
-
-# DISCORD
-DISCORD_CLIENT_ID="REPLACE ME"
-DISCORD_CLIENT_SECRET="REPLACE ME"
-
 # EMAILS
 EMAIL_SERVER="smtp://username:password@0.0.0.0:1025"
 EMAIL_FROM="Start UI <noreply@example.com>"

.github/workflows/code-quality.yml

@@ -2,41 +2,89 @@ name: 🔎 Code Quality
 
 on:
   push:
-    branches:
-      - master
-      - main
-      - develop
-      - staging
+    branches: [main]
   pull_request:
 
 jobs:
-  lint-code:
+  linter:
+    name: 🧹 Linter
     timeout-minutes: 10
-    name: Lint and Type Check
     runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'lts/*'
+          cache: 'pnpm'
+
+      - name: Install deps
+        run: pnpm install
 
+      - name: Run eslint
+        run: pnpm run lint:eslint
+
+  typescriptChecker:
+    name: 🟦 TypeScript Checker
+    timeout-minutes: 10
+    runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [20, 22, 'lts/*']
-
+        node: [22, 24, 'lts/*']
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
 
-      - uses: actions/setup-node@v2
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
+          cache: 'pnpm'
 
-      - uses: pnpm/action-setup@v4
-        name: Install pnpm
+      - name: Install deps
+        run: pnpm install
+
+      - name: Run Typescript checker
+        run: pnpm run lint:ts
+
+  tests:
+    name: 🔬 Tests
+    timeout-minutes: 10
+    runs-on: ubuntu-latest
+    env:
+      VITE_BASE_URL: http://localhost:3000
+    strategy:
+      matrix:
+        node: [22, 24, 'lts/*']
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
         with:
-          version: 8
-          run_install: false
+          version: 10
 
       - name: Get pnpm store directory
         shell: bash
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node }}
+          cache: 'pnpm'
+
       - name: Cache node modules
         uses: actions/cache@v4
         env:
@@ -49,14 +97,11 @@ jobs:
             ${{ runner.os }}-pnpm-store-
             ${{ runner.os }}-
 
-      - name: Install dependencies
+      - name: Install deps
         run: pnpm install
 
-      - name: NextJS Linting
-        run: pnpm lint:next
-
-      - name: TypeScript check
-        run: pnpm lint:ts
+      - name: Install Playwright Chromium
+        run: pnpm exec playwright install chromium --with-deps
 
       - name: Run tests
-        run: pnpm test:ci
+        run: SKIP_ENV_VALIDATION=true pnpm run test:ci

.github/workflows/e2e-tests.yml

@@ -6,24 +6,20 @@ on:
       - main
       - develop
       - staging
+      - ivan/restart # TODO remove me on final merge on main
   pull_request:
-    branches:
-      - master
-      - main
-      - develop
-      - staging
 
 jobs:
   E2E:
     name: Playwright E2E Tests
     timeout-minutes: 30
     runs-on: ubuntu-latest
     env:
-      NEXT_PUBLIC_BASE_URL: http://localhost:3000
-      NEXT_PUBLIC_ENV_NAME: tests
+      VITE_BASE_URL: http://localhost:3000
+      VITE_ENV_NAME: tests
       DATABASE_URL: postgres://startui:startui@localhost:5432/startui
-      NEXT_PUBLIC_IS_DEMO: false
-      AUTH_SECRET: Replace me with `openssl rand -base64 32` generated secret
+      VITE_IS_DEMO: false
+      BETTER_AUTH_SECRET: fyXjLxjXJowjicI2BAjxOaUsQd1QafdegZDciJE/xM8=
       EMAIL_SERVER: smtp://username:password@localhost:1025
       EMAIL_FROM: Start UI <noreply@example.com>
     services:
@@ -44,9 +40,9 @@ jobs:
           - 5432:5432
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version: 20
 
@@ -77,7 +73,7 @@ jobs:
         run: pnpm install
 
       - name: Install Playwright Browsers
-        run: pnpm playwright install --with-deps
+        run: pnpm exec playwright install --with-deps
 
       - name: Migrate database
         run: pnpm db:push

.gitignore

@@ -8,12 +8,9 @@
 # testing
 /coverage
 
-# next.js
-/.next/
-/out/
-next-env.d.ts
-
 # production
+.output
+.vinxi
 /build
 /public/storybook
 /storybook-static
@@ -23,6 +20,7 @@ next-env.d.ts
 *.pem
 /.vscode/*
 !/.vscode/extensions.json
+!/.vscode/settings.example.json
 .idea/
 .eslintcache
 .db
@@ -44,7 +42,7 @@ yarn-error.log*
 .vercel
 
 # Build info
-.build-info.json
+build-info.gen.json
 
 # Prisma
 prisma/dev.db
@@ -58,9 +56,9 @@ prisma/dev.db-journal
 /playwright-report/
 /playwright/.cache/
 
-# next-pwa recommandation
-**/public/workbox-*.js*
-**/public/sw.js*
-**/public/worker-development.js*
+certificates
 
-certificates
+*storybook.log
+app.config.timestamp_*.js
+.tanstack
+.nitro

.npmrc

@@ -1 +1,3 @@
 engine-strict=true
+# otherwise the postinstall script of the lefthook package won't be executed and hooks won't be installed
+side-effects-cache = false

.prettierignore

@@ -1,8 +1,8 @@
 .cache
-.next
 .db
 .history
-out
+output
+.vinxi
 node_modules
 package.json
 package-lock.json
@@ -13,3 +13,4 @@ public
 .env*
 !.env.validator.js
 pnpm-lock.yaml
+*.gen.ts

.prettierrc.js → .prettierrc.cjs

@@ -2,17 +2,17 @@
 // But if you do so, please run the `npm run pretty` command.
 /** @type {import("prettier").Options} */
 const config = {
+  plugins: ['prettier-plugin-tailwindcss'],
   endOfLine: 'lf',
   semi: true,
   singleQuote: true,
   tabWidth: 2,
   trailingComma: 'es5',
   arrowParens: 'always',
-  importOrder: ['^react$', '^(?!^react$|^@/|^[./]).*', '^@/(.*)$', '^[./]'],
-  importOrderSeparation: true,
-  importOrderSortSpecifiers: true,
-  importOrderParserPlugins: ['jsx', 'typescript'],
-  plugins: ['@trivago/prettier-plugin-sort-imports'],
+
+  tailwindStylesheet: './app/styles/app.css',
+  tailwindFunctions: ['cn', 'cva'],
 };
 
+// eslint-disable-next-line no-undef
 module.exports = config;