Replace Next.js with Astro on web app

.github/workflows/ci.yml

@@ -51,9 +51,6 @@ jobs:
       - name: Generate types
         run: bun run typegen
 
-      - name: Generate content collections
-        run: cd apps/web && bun run prebuild
-
       - name: Run type checking
         run: bun run typecheck
 

.gitignore

@@ -71,6 +71,9 @@ lerna-debug.log*
 # Mobile
 .expo
 
+# Web
+.astro
+
 # Extension App
 .wxt
 web-ext.config.ts

.vscode/extensions.json

@@ -1,7 +1,8 @@
 {
   "recommendations": [
+    "astro-build.astro-vscode",
     "biomejs.biome",
-    "tauri-apps.tauri-vscode",
-    "rust-lang.rust-analyzer"
+    "rust-lang.rust-analyzer",
+    "tauri-apps.tauri-vscode"
   ]
 }

.vscode/settings.json

@@ -8,7 +8,7 @@
     "source.organizeImports.biome": "explicit",
     "source.fixAll.biome": "explicit"
   },
-  "[javascript][typescript][javascriptreact][typescriptreact][json][jsonc][css][graphql]": {
+  "[javascript][typescript][javascriptreact][typescriptreact][json][jsonc][css][graphql][astro]": {
     "editor.defaultFormatter": "biomejs.biome"
   }
 }

README.md

@@ -16,7 +16,7 @@ A modern monorepo template for shipping TypeScript apps everywhere: web, mobile,
 
 - Fullstack application using [Next.js](https://nextjs.org/) and [TRPC](https://trpc.io/)
 - Documentation site using [Fumadocs](http://fumadocs.vercel.app)
-- Marketing site and blog using [Next.js](https://nextjs.org/) and [Content Collections](https://www.content-collections.dev/)
+- Marketing site and blog using [Astro](https://astro.build/)
 - Mobile application using [Expo](https://expo.dev/)
 - API using [Hono](https://hono.dev/)
 - Desktop application using [Tauri](https://tauri.app/)

apps/app/src/app/layout.tsx

@@ -1,13 +1,15 @@
 import { DEFAULT_LOCALE } from "@init/internationalization/locale"
 import { isProduction } from "@init/utils/environment"
+import { cn } from "@init/utils/ui"
 import type { Metadata } from "next"
 import { Inter } from "next/font/google"
 import type { ReactNode } from "react"
-import "@init/ui/globals.css"
-import { cn } from "@init/utils/ui"
 import Providers from "~/shared/components/providers"
 import { WebVitals } from "~/shared/logger"
 
+// @ts-expect-error - TODO: will be fixed when moved to TanStack Start
+import "@init/ui/globals.css"
+
 const inter = Inter({ subsets: ["latin"], variable: "--font-inter" })
 
 export const metadata: Metadata = {

apps/desktop/src/app/layout.tsx

@@ -1,11 +1,12 @@
+import { cn } from "@init/utils/ui"
 import { Inter } from "next/font/google"
 import type { ReactNode } from "react"
+import Providers from "~/shared/components/providers"
 
-const inter = Inter({ subsets: ["latin"], variable: "--font-inter" })
-
+// @ts-expect-error - TODO: will be fixed when moved to TanStack Router
 import "@init/ui/globals.css"
-import { cn } from "@init/utils/ui"
-import Providers from "~/shared/components/providers"
+
+const inter = Inter({ subsets: ["latin"], variable: "--font-inter" })
 
 export default function RootLayout({ children }: { children: ReactNode }) {
   return (

apps/docs/src/app/[lang]/layout.tsx

@@ -4,6 +4,7 @@ import { RootProvider } from "fumadocs-ui/provider"
 import { Inter } from "next/font/google"
 import type { ReactNode } from "react"
 
+// @ts-expect-error - TODO: will be fixed when moved to TanStack Start
 import "~/shared/assets/styles/globals.css"
 import es from "~/shared/localization/translations/es"
 

apps/extension/package.json

@@ -30,14 +30,14 @@
     "react-router": "7.6.1"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "4.1.11",
+    "@tailwindcss/vite": "4.1.13",
     "@tooling/tsconfig": "workspace:*",
-    "@types/chrome": "0.0.328",
+    "@types/chrome": "0.1.12",
     "@types/react": "19.1.12",
     "@types/react-dom": "19.1.9",
-    "@wxt-dev/auto-icons": "1.0.2",
-    "@wxt-dev/module-react": "1.1.3",
+    "@wxt-dev/auto-icons": "1.1.0",
+    "@wxt-dev/module-react": "1.1.5",
     "typescript": "5.9.2",
-    "wxt": "0.20.8"
+    "wxt": "0.20.11"
   }
 }

apps/web/.env.template

@@ -1,22 +1,19 @@
 # ===========PROJECT===========
 # Add specific project environment variables here
 
-NEXT_PUBLIC_API_URL="http://localhost:3001" # For when you are using the API project instead of Next.js API routes
-VERCEL_URL="https://example.com"
-NEXT_PUBLIC_VERCEL_URL="https://example.com"
+PUBLIC_API_URL="http://localhost:3001"
 
 # ===========PACKAGES===========
 # Add environment variables for all the packages you are using in the project
 
 # --- Auth (@init/env/auth) ---
 AUTH_SECRET="dev-secret"
 
-# --- Observability / Axiom / Sentry (@init/env/observability/nextjs) ---
+# --- Observability / Axiom ---
 AXIOM_DATASET="web"
 AXIOM_TOKEN="your-axiom-token"
 SENTRY_DSN="https://your-sentry-dsn.ingest.sentry.io/your-project"
 SENTRY_ORG="your-org"
 SENTRY_PROJECT="web"
 SENTRY_DEBUG="false"
 SENTRY_AUTH_TOKEN="your-sentry-auth-token"
-NEXT_PUBLIC_SENTRY_DSN=""

apps/web/README.md

@@ -2,4 +2,4 @@
   <h1 align="center"><code>web</code></h1>
 </div>
 
-Marketing website built with [Next.js](https://nextjs.org/) and [Content Collections](https://www.content-collections.dev/).
+Marketing website built with [Astro](https://astro.build/).

apps/web/astro.config.ts

@@ -0,0 +1,16 @@
+import mdx from "@astrojs/mdx"
+import react from "@astrojs/react"
+import tailwindcss from "@tailwindcss/vite"
+import { defineConfig } from "astro/config"
+
+export default defineConfig({
+  server: {
+    port: 3006,
+  },
+
+  vite: {
+    plugins: [tailwindcss()],
+  },
+
+  integrations: [react(), mdx()],
+})

apps/web/content/blog/hello-world.mdx

@@ -0,0 +1,10 @@
+---
+title: Hello World
+date: 2025-01-01
+slug: hello-world
+description: This is a test blog post.
+---
+
+# Hello World
+
+This is a test blog post.

apps/web/package.json

@@ -2,46 +2,32 @@
   "name": "web",
   "private": true,
   "scripts": {
-    "analyze": "ANALYZE=true next build",
-    "prebuild": "content-collections build --config src/content-collections.ts",
-    "build": "next build",
-    "clean": "git clean -xdf .cache .turbo .next dist node_modules",
-    "deps:check": "taze -l",
-    "deps:update": "taze -lw",
-    "dev": "next dev --turbopack --port 3006",
-    "start": "next start",
-    "typegen": "next typegen",
+    "astro": "astro",
+    "build": "astro build",
+    "bump:deps": "bun update --interactive",
+    "clean": "git clean -xdf .cache .turbo dist node_modules",
+    "dev": "astro dev",
+    "preview": "astro preview",
+    "pretypecheck": "astro check",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@content-collections/mdx": "0.2.2",
-    "@init/analytics": "workspace:*",
+    "@astrojs/mdx": "4.3.5",
+    "@astrojs/react": "4.3.1",
     "@init/env": "workspace:*",
-    "@init/internationalization": "workspace:*",
-    "@init/observability": "workspace:*",
     "@init/ui": "workspace:*",
     "@init/utils": "workspace:*",
-    "client-only": "0.0.1",
-    "import-in-the-middle": "1.14.2",
-    "lucide-react": "0.542.0",
-    "next": "15.5.2",
+    "astro": "5.13.9",
     "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "require-in-the-middle": "7.5.2",
-    "server-only": "0.0.1"
+    "react-dom": "19.1.0"
   },
   "devDependencies": {
-    "@content-collections/cli": "0.1.6",
-    "@content-collections/core": "^0.10.0",
-    "@content-collections/next": "0.2.6",
-    "@tailwindcss/postcss": "4.1.12",
-    "@tooling/helpers": "workspace:*",
-    "@tooling/next-config": "workspace:*",
+    "@astrojs/check": "0.9.4",
+    "@astrojs/ts-plugin": "1.10.4",
+    "@tailwindcss/vite": "4.1.13",
     "@tooling/tsconfig": "workspace:*",
-    "@types/node": "24.3.0",
     "@types/react": "19.1.12",
     "@types/react-dom": "19.1.9",
-    "typescript": "5.9.2",
-    "zod": "4.1.5"
+    "typescript": "5.9.2"
   }
 }