feat: initial docs layout

apps/www/project.json

@@ -2,18 +2,23 @@
   "name": "www",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
+  "sourceRoot": "apps/www/src",
+  "prefix": "blog",
+  "tags": [],
   "targets": {
-    "build-registry": {
-      "executor": "nx:run-commands",
-      "options": {
-        "cwd": "apps/www",
-        "command": "tsx --tsconfig tsconfig.scripts.json scripts/build-registry.mts"
-      }
-    },
     "build": {
-      "executor": "@analogjs/platform:vite",
+      "executor": "@nx/vite:build",
+      "outputs": [
+        "{options.outputPath}",
+        "{workspaceRoot}/dist/apps/www/.nitro",
+        "{workspaceRoot}/dist/apps/www/ssr",
+        "{workspaceRoot}/dist/apps/www/analog"
+      ],
+      "options": {
+        "configFile": "apps/www/vite.config.ts",
+        "outputPath": "dist/apps/www/client"
+      },
       "defaultConfiguration": "production",
-      "dependsOn": ["build-registry"],
       "configurations": {
         "development": {
           "mode": "development"
@@ -22,26 +27,14 @@
           "sourcemap": false,
           "mode": "production"
         }
-      },
-      "outputs": [
-        "{options.outputPath}",
-        "{workspaceRoot}/dist/apps/www/.nitro",
-        "{workspaceRoot}/dist/apps/www/ssr",
-        "{workspaceRoot}/dist/apps/www/analog"
-      ],
-      "options": {
-        "main": "apps/www/src/main.ts",
-        "configFile": "apps/www/vite.config.ts",
-        "outputPath": "dist/apps/www/client",
-        "tsConfig": "apps/www/tsconfig.app.json"
       }
     },
     "serve": {
-      "executor": "@analogjs/platform:vite-dev-server",
+      "executor": "@nx/vite:dev-server",
       "defaultConfiguration": "development",
       "options": {
         "buildTarget": "www:build",
-        "port": 4200
+        "port": 4321
       },
       "configurations": {
         "development": {
@@ -52,8 +45,15 @@
           "buildTarget": "www:build:production"
         }
       }
+    },
+    "serve-nitro": {
+      "executor": "@nx/web:file-server",
+      "options": {
+        "buildTarget": "www:build",
+        "parallel": true,
+        "port": 4321,
+        "staticFilePath": "dist/apps/www/analog/public"
+      }
     }
-  },
-  "tags": [],
-  "sourceRoot": "apps/www/src"
+  }
 }

apps/www/public/schema.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "type": "object",
+  "properties": {
+    "style": {
+      "type": "string",
+      "enum": ["default", "new-york"]
+    },
+    "tailwind": {
+      "type": "object",
+      "properties": {
+        "config": {
+          "type": "string"
+        },
+        "css": {
+          "type": "string"
+        },
+        "baseColor": {
+          "type": "string"
+        },
+        "cssVariables": {
+          "type": "boolean"
+        },
+        "prefix": {
+          "type": "string"
+        }
+      },
+      "required": ["config", "css", "baseColor", "cssVariables"]
+    },
+    "aliases": {
+      "type": "object",
+      "properties": {
+        "utils": {
+          "type": "string"
+        },
+        "components": {
+          "type": "string"
+        },
+        "ui": {
+          "type": "string"
+        }
+      },
+      "required": ["utils", "components"]
+    }
+  },
+  "required": ["style", "tailwind", "aliases"]
+}

apps/www/src/app/app.component.ts

@@ -1,8 +1,8 @@
 import { Component } from "@angular/core";
 import { RouterOutlet } from "@angular/router";
 
-import { HeaderComponent } from "./shared/header/header.component";
-import { FooterComponent } from "./shared/footer/footer.component";
+import { HeaderComponent } from "@/app/components/header/header.component";
+import { FooterComponent } from "@/app/components/footer/footer.component";
 
 @Component({
   standalone: true,

apps/www/src/app/app.config.ts

@@ -1,13 +1,27 @@
-import { ApplicationConfig, provideZoneChangeDetection } from "@angular/core";
-import { provideHttpClient, withFetch } from "@angular/common/http";
-import { provideClientHydration } from "@angular/platform-browser";
-import { provideFileRouter } from "@analogjs/router";
+import { provideContent, withMarkdownRenderer } from '@analogjs/content';
+import { withShikiHighlighter } from '@analogjs/content/shiki-highlighter';
+import { provideFileRouter } from '@analogjs/router';
+import { provideHttpClient } from '@angular/common/http';
+import { ApplicationConfig } from '@angular/core';
+import { provideClientHydration } from '@angular/platform-browser';
+import {
+  withEnabledBlockingInitialNavigation,
+  withInMemoryScrolling,
+} from '@angular/router';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true }),
-    provideFileRouter(),
+    provideHttpClient(),
     provideClientHydration(),
-    provideHttpClient(withFetch()),
+    provideContent(
+      withMarkdownRenderer({
+        loadMermaid: () => import('mermaid'),
+      }),
+      withShikiHighlighter()
+    ),
+    provideFileRouter(
+      withInMemoryScrolling({ anchorScrolling: 'enabled' }),
+      withEnabledBlockingInitialNavigation()
+    ),
   ],
 };

apps/www/src/app/shared/header/header.component.ts → apps/www/src/app/components/header/header.component.ts

@@ -3,7 +3,7 @@ import { Component } from "@angular/core";
 import { NgIconComponent } from "@ng-icons/core";
 
 import { UbButtonDirective } from "@/registry/new-york/ui/button.directive";
-import { Icons } from "@/app/shared/icons";
+import { Icons } from "@/app/components/icons";
 
 import { MainNavComponent } from "./main-nav.component";
 

apps/www/src/app/shared/header/main-nav.component.ts → apps/www/src/app/components/header/main-nav.component.ts

@@ -3,7 +3,7 @@ import { Component } from "@angular/core";
 
 import { NgIconComponent } from "@ng-icons/core";
 
-import { Icons } from "@/app/shared/icons";
+import { Icons } from "@/app/components/icons";
 import { NavLinkDirective } from "./nav-link.directive";
 import { RouterLink } from "@angular/router";