📄 upd(app): upd islands, landing and other pages

.env.example

@@ -73,6 +73,8 @@ STRIPE_API_KEY=""
 
 # ?? [14] whsec_****
 # Stripe Webhook Secret found at https://dashboard.stripe.com/test/webhooks/create?endpoint_location=local
+# Create a webhook inside the stripe dashboard. Make sure to listen to the `payment_intent.succeeded` event.
+# The webhook URL should be: https://<INSERT_YOUR_DOMAIN_HERE>/api/stripe/webhook
 STRIPE_WEBHOOK_SECRET=""
 
 # ?? [15] Store Item | price_****
@@ -85,14 +87,6 @@ STRIPE_STD_MONTHLY_PRICE_ID=""
 # found at https://dashboard.stripe.com/test/products
 STRIPE_PRO_MONTHLY_PRICE_ID=""
 
-# !! STRIPE WEBHOOK SECRET (https://stripe.com)
-
-# Create a webhook inside the stripe dashboard. Make sure to listen to the `payment_intent.succeeded` event.
-# The webhook URL should be: https://<INSERT_YOUR_DOMAIN_HERE>/api/stripe/webhook
-
-# ?? [17] whsec_****
-STRIPE_WEBHOOK_SECRET=""
-
 # !! RESEND (https://resend.com) (REACT EMAIL BUILDER)
 
 # Resend API Key found at https://resend.com/api-keys

.github/workflows/check.yml

@@ -8,17 +8,69 @@ on:
     branches:
       - main
 
+env:
+  CLERK_SECRET_KEY: "fake"
+  CLOUDFLARE_API: "fake"
+  CLOUDFLARE_USER: "fake"
+  DATABASE_URL: "fake"
+  DISCORD_CLIENT_ID: "fake"
+  DISCORD_CLIENT_SECRET: "fake"
+  EMAIL_FROM: "Fake <fake@example.com>"
+  GITHUB_ACCESS_TOKEN: "fake"
+  GITHUB_CLIENT_ID: "fake"
+  GITHUB_CLIENT_SECRET: "fake"
+  GITHUB_ID: "fake"
+  GITHUB_SECRET: "fake"
+  GOOGLE_CLIENT_ID: "fake"
+  GOOGLE_CLIENT_SECRET: "fake"
+  LOGLIB_API_KEY: "fake"
+  LOGLIB_SITE_ID: "fake"
+  NEXT_PUBLIC_APP_URL: "https://example.com"
+  NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: "fake"
+  NEXT_PUBLIC_GA_MEASUREMENT_ID: "fake"
+  NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: "fake"
+  NEXT_PUBLIC_VERCEL_URL: "https://example.com"
+  NEXTAUTH_SECRET: "fake"
+  NEXTAUTH_URL: "https://example.com"
+  POSTMARK_API_TOKEN: "fake"
+  POSTMARK_SIGN_IN_TEMPLATE: "fake"
+  RESEND_API_KEY: "fake"
+  SMTP_FROM: "fake"
+  STRIPE_API_KEY: "fake"
+  STRIPE_PRO_MONTHLY_PRICE_ID: "fake"
+  STRIPE_STD_MONTHLY_PRICE_ID: "fake"
+  STRIPE_WEBHOOK_SECRET: "fake"
+  UPLOADTHING_APP_ID: "fake"
+  UPLOADTHING_SECRET: "fake"
+  VERCEL_URL: "https://example.com"
+
 jobs:
   check:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: pnpm/action-setup@v2
-        with:
-          version: ^8.6.0
-      - uses: actions/setup-node@v3
+      - name: Checkout repo
+        uses: actions/checkout@v3
+      - name: Setup Node 18
+        uses: actions/setup-node@v3
         with:
           node-version: 18
           cache: "pnpm"
-      - run: pnpm run setup
-      - run: pnpm run check
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2.2.4
+        with:
+          version: 8.6.1
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: |
+          echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+      - name: Install deps
+        run: pnpm install
+      - name: Run linting
+        run: pnpm run lint

README.md

@@ -19,32 +19,34 @@ This is the space where we're playing with everything new in Next.js 13. Stumble
 This roadmap outlines the key features and improvements to be implemented in this Next.js starter.
 
 - [x] 🌀 Comprehensive offerings of the [**Next.js 13**](https://nextjs.org) App Router, API routes handled by Route Handlers, with the RSCs and everything all new.
+- [x] 🍭 Beautifully composed UI (User Interface), with UX (User Experience), usability and accessibility in the mind.
+- [ ] 🌐 Comprehensive implementations for i18n, means internationalization, using [**next-international**](https://github.com/QuiiBz/next-international), some things from [**next-intl**](https://next-intl-docs.vercel.app), and our very own solutions in the future.
 - [ ] ✨ Admin dashboard with stores, products, orders, subscriptions, and payments.
 - [x] ⬆️ File uploads with **uploadthing**.
-- [x] 🔐 Keep it tight with Authentication using **Clerk**.
+- [x] 🔐 Keep it tight with Authentication using **Auth.js** and, maybe, **Clerk**.
 - [x] 🏬 Storefront with products, categories, and subcategories.
-- [ ] 🐧 The most beginner-friendly starter (will be in the feature, maybe, how its possible 😁).
-- [ ] 📊 Client and server data/query fetching with [**tRPC**](https://github.com/trpc/trpc) & [**TanStack Query**](https://tanstack.com/query).
+- [ ] 🐧 The most beginner-friendly starter (will be in the feature, how it's possible 😁).
+- [ ] 📊 Data-query fetching, which works on server and client, using [**tRPC**](https://github.com/trpc/trpc) & [**TanStack Query**](https://tanstack.com/query).
 - [ ] 🌅 Using every usable [**TanStack**](https://tanstack.com) libraries.
 - [ ] 📖 Sharing insights with blogs powered by **MDX**.
 - [x] 🦫 [**Drizzle**](https://orm.drizzle.team) database ORM, configured for [**PlanetScale**](https://planetscale.com) and [**DrizzeKit**](https://orm.drizzle.team/kit-docs/overview).
 - [ ] 📧 Email verification and a lot more features to enhance the application.
 - [ ] 📰 Newsletter subscription with **React Email** and **Resend**.
-- [ ] 🤖 Ultimate type-safety using [**TypeScript**](https://www.typescriptlang.org/), typedRoutes, etc.
+- [ ] 🤖 Ultimate type-safety using strict-mode in [**TypeScript**](https://www.typescriptlang.org/), typedRoutes, etc.
 - [x] 🤝 Seller and customer workflows.
 - [x] 🤩 [**TailwindCSS**](https://tailwindcss.com/) for utility-first CSS.
 - [x] ✨ Gorgeous UI built with [**Radix**](https://www.radix-ui.com/) and stunning UI components, all thanks to [**shadcn/ui**](https://ui.shadcn.com/).
 - [x] 🧧 User subscriptions via **Stripe**.
 - [ ] 💎 Seamless checkout with **Stripe Checkout**.
 - [x] 🅰️ Validation with **Zod**.
-- [ ] 🦦 [**EsLint**](https://eslint.org/) with [**Prettier**](https://prettier.io/) for readable, safe code.
-- [ ] 🌿 Authentication via [**Next Auth**](https://next-auth.js.org/).
+- [x] 🦦 [**EsLint**](https://eslint.org/) with [**Prettier**](https://prettier.io/) for readable, safe code.
+- [ ] 🌿 Authentication via [**NextAuth**](https://next-auth.js.org/).
 - [ ] 📧 Email via [**Resend**](https://resend.com) and [**react email**](https://react.email/).
-- [ ] 🅱️ The beautiful [**Inter**](https://rsms.me/inter/) typeface.
+- [x] 🅱️ The beautiful [**Inter**](https://rsms.me/inter/) typeface.
 - [x] 💮 [**Next Metadata API**](https://nextjs.org/docs/api-reference/metadata) for SEO handling, with file-system handlers.
-- [ ] 🐳 [**Jest**](https://jestjs.io/) testing, optimized for Next.js
+- [ ] 🐳 [**Jest**](https://jestjs.io) and [**Vitest**](https://vitest.dev) testing, optimized for Next.js 13.
 - [x] 🍭 Dark Mode support (without bypassing Server Components).
-- [x] ✳️ Perfectly crafted VSCode settings and recommended extensions
+- [x] ✳️ Perfectly crafted VSCode settings and recommended extensions.
 
 ## 🌍 i18n: Internationalization
 

package.json

@@ -104,6 +104,7 @@
     "drizzle-orm": "^0.28.5",
     "embla-carousel-react": "8.0.0-rc12",
     "lucide-react": "^0.269.0",
+    "mysql2": "^3.6.0",
     "next": "13.4.19",
     "next-auth": "^4.23.1",
     "next-international": "^0.9.3",
@@ -120,7 +121,7 @@
     "react-medium-image-zoom": "^5.1.8",
     "react-wrap-balancer": "^1.1.0",
     "resend": "^1.0.0",
-    "sonner": "^0.6.2",
+    "sonner": "^0.7.0",
     "stripe": "^13.3.0",
     "tailwind-variants": "^0.1.13",
     "tailwindcss-animate": "^1.0.6",
@@ -138,11 +139,11 @@
     "@ianvs/prettier-plugin-sort-imports": "^4.1.0",
     "@t3-oss/env-nextjs": "^0.6.1",
     "@tailwindcss/typography": "^0.5.9",
-    "@tanstack/eslint-plugin-query": "^4.32.5",
+    "@tanstack/eslint-plugin-query": "^4.34.1",
     "@testing-library/jest-dom": "^6.1.2",
     "@types/jest": "^29.5.4",
     "@types/mdx": "^2.0.7",
-    "@types/node": "20.5.6",
+    "@types/node": "20.5.7",
     "@types/nodemailer": "^6.4.9",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
@@ -152,7 +153,7 @@
     "cspell": "^7.0.1",
     "drizzle-kit": "^0.19.13",
     "encoding": "^0.1.13",
-    "eslint": "8.47.0",
+    "eslint": "8.48.0",
     "eslint-config-next": "13.4.19",
     "eslint-config-prettier": "^9.0.0",
     "eslint-define-config": "^1.23.0",