create-audora-next 0.1.7 → 2.0.0

package/templates/blog/env.example.template

@@ -0,0 +1,5 @@
+# Environment Variables
+# Copy this file to .env and fill in the values
+
+# Site URL (used for SEO and sitemap generation)
+NEXT_PUBLIC_SITE_URL=http://localhost:3000

package/templates/blog/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

package/templates/blog/gitignore.template

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

package/templates/blog/husky.template/pre-commit

@@ -0,0 +1,16 @@
+#!/usr/bin/env sh
+GREEN='\033[0;32m'
+RED='\033[0;31m'
+YELLOW='\033[0;33m'
+NC='\033[0m' # No Color
+
+
+echo "${YELLOW} [Husky] starting pre-commit hooks...${NC}"
+echo "${YELLOW} [Husky] running lint-staged...${NC}"
+
+if bun lint-staged; then
+  echo "${GREEN} [Husky] pre-commit hooks passed.${NC}"
+else
+  echo "${RED} [Husky] pre-commit hooks failed.${NC}"
+  exit 1
+fi

package/templates/blog/lint-staged.config.mjs

@@ -0,0 +1,17 @@
+import path from "path";
+
+// See https://nextjs.org/docs/app/api-reference/config/eslint#running-lint-on-staged-files for details
+const buildEslintCommand = (filenames) =>
+  `eslint --fix ${filenames
+    .map((f) => `"${path.relative(process.cwd(), f)}"`)
+    .join(" ")}`;
+
+/**
+ * @type {import('lint-staged').Configuration}
+ */
+const lintStagedConfig = {
+  "*.{js,jsx,ts,tsx}": [buildEslintCommand, "prettier --write"],
+  "*.mdx": "prettier --write",
+};
+
+export default lintStagedConfig;

package/templates/blog/next.config.ts

@@ -0,0 +1,38 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  reactCompiler: true,
+
+  async headers() {
+    return [
+      {
+        source: "/(.*)",
+        headers: [
+          {
+            key: "X-Content-Type-Options",
+            value: "nosniff",
+          },
+          {
+            key: "X-Frame-Options",
+            value: "DENY",
+          },
+          {
+            key: "X-XSS-Protection",
+            value: "1; mode=block",
+          },
+          {
+            key: "Referrer-Policy",
+            value: "strict-origin-when-cross-origin",
+          },
+          {
+            key: "Permissions-Policy",
+            value:
+              "camera=(), microphone=(), geolocation=(), browsing-topics=()",
+          },
+        ],
+      },
+    ];
+  },
+};
+
+export default nextConfig;

package/templates/blog/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "next-starter",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build --turbopack",
+    "start": "next start",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix .",
+    "check-types": "tsc --noEmit --pretty",
+    "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache",
+    "format:write": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache",
+    "format": "prettier --write .",
+    "clean": "rm -rf .next node_modules",
+    "upgrade:next": "bunx @next/codemod@latest upgrade latest",
+    "upgrade:tailwind": "bunx @tailwindcss/upgrade@latest",
+    "prepare": "git rev-parse --is-inside-work-tree > /dev/null 2>&1 && husky || true"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "gray-matter": "^4.0.3",
+    "lucide-react": "^0.563.0",
+    "motion": "^12.30.0",
+    "next": "16.1.1",
+    "next-mdx-remote": "^5.0.0",
+    "next-themes": "^0.4.6",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-pretty-code": "^0.14.1",
+    "rehype-slug": "^6.0.0",
+    "tailwind-merge": "^3.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^20.19.28",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "^9.39.2",
+    "eslint-config-next": "16.1.1",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "schema-dts": "^1.1.5",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3"
+  },
+  "ignoreScripts": [
+    "sharp",
+    "unrs-resolver"
+  ],
+  "trustedDependencies": [
+    "sharp",
+    "unrs-resolver"
+  ]
+}

package/templates/blog/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/templates/blog/public/favicon/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g clip-path="url(#SvgjsClipPath1017)"><rect width="1000" height="1000" fill="#ffffff"></rect><g transform="matrix(2.5,0,0,2.5,0,0)"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400"><image width="400" height="400" xlink:href="data:image/jpeg;base64,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"></image></svg></g></g><defs><clipPath id="SvgjsClipPath1017"><rect width="1000" height="1000" x="0" y="0" rx="350" ry="350"></rect></clipPath></defs></svg>

package/templates/blog/public/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Audora",
+  "short_name": "Audora",
+  "icons": [
+    {
+      "src": "/favicons/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicons/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#000000",
+  "background_color": "#000000",
+  "display": "standalone"
+}

package/templates/blog/src/app/blogs/[slug]/page.tsx

@@ -0,0 +1,171 @@
+import { notFound } from "next/navigation";
+import { CustomMDX } from "@/blogs/components/mdx";
+import { getBlogPost, getBlogPosts } from "@/blogs/data/mdx";
+import { extractHeadings } from "@/blogs/utils/extract-headings";
+import { BlogTableOfContents } from "@/blogs/components/blog-table-of-contents";
+import { formatDateDisplay } from "@/lib/utils";
+import { SITE_CONFIG } from "@/config/site";
+import Link from "next/link";
+import { ArrowLeft, Calendar, ExternalLink, Github } from "lucide-react";
+
+const siteUrl = SITE_CONFIG.url.replace(/\/$/, "");
+
+function resolveOgImage(pathOrUrl: string): string {
+  return pathOrUrl.startsWith("http")
+    ? pathOrUrl
+    : new URL(pathOrUrl, siteUrl).href;
+}
+
+export async function generateStaticParams() {
+  const posts = getBlogPosts();
+  return posts.map((post) => ({
+    slug: post.slug,
+  }));
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const post = getBlogPost(slug);
+  if (!post) {
+    return;
+  }
+
+  const {
+    title,
+    publishedAt: publishedTime,
+    summary: description,
+    image,
+  } = post.metadata;
+  const ogImage = image
+    ? `${siteUrl}${image}`
+    : resolveOgImage(SITE_CONFIG.ogImage);
+
+  return {
+    title,
+    description,
+    openGraph: {
+      title,
+      description,
+      type: "article",
+      publishedTime,
+      url: `${siteUrl}/blogs/${post.slug}`,
+      images: [
+        {
+          url: ogImage,
+        },
+      ],
+    },
+    twitter: {
+      card: "summary_large_image",
+      title,
+      description,
+      images: [ogImage],
+    },
+  };
+}
+
+export default async function Blog({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const post = getBlogPost(slug);
+
+  if (!post) {
+    notFound();
+  }
+
+  // Extract headings for table of contents
+  const headings = extractHeadings(post.content);
+
+  return (
+    <section className="container mx-auto max-w-(--content-max-width) px-4 py-16">
+      <script
+        type="application/ld+json"
+        suppressHydrationWarning
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify({
+            "@context": "https://schema.org",
+            "@type": "BlogPosting",
+            headline: post.metadata.title,
+            datePublished: post.metadata.publishedAt,
+            dateModified: post.metadata.publishedAt,
+            description: post.metadata.summary,
+            image: post.metadata.image
+              ? `${siteUrl}${post.metadata.image}`
+              : resolveOgImage(SITE_CONFIG.ogImage),
+            url: `${siteUrl}/blogs/${post.slug}`,
+            author: {
+              "@type": "Person",
+              name: "Narsi Bhati",
+            },
+          }),
+        }}
+      />
+
+      {/* Blog content with TOC positioned outside on xl+ */}
+      <div className="relative">
+        {/* Main content - uses original max width */}
+        <div className="max-w-(--content-max-width)">
+          <h1 className="title max-w-[650px] text-4xl font-bold tracking-tighter">
+            {post.metadata.title}
+          </h1>
+          <div className="mt-2 flex max-w-[650px] items-center justify-between text-sm">
+            <p className="flex items-center gap-1.5 text-sm text-neutral-600 dark:text-neutral-400">
+              <Calendar className="h-4 w-4 shrink-0" />
+              {formatDateDisplay(post.metadata.publishedAt)}
+            </p>
+          </div>
+          {post.metadata.summary && (
+            <div className="mt-4 mb-8 max-w-[650px]">
+              <p className="border-l-2 border-neutral-300 pl-4 text-base leading-relaxed text-neutral-500 italic dark:border-neutral-600 dark:text-neutral-400">
+                {post.metadata.summary}
+              </p>
+            </div>
+          )}
+          <article className="prose prose-quoteless prose-neutral dark:prose-invert">
+            <CustomMDX source={post.content} />
+          </article>
+          <div className="mt-8 flex flex-wrap items-center justify-between gap-4">
+            <Link
+              href="/blogs"
+              className="inline-flex items-center gap-1.5 text-sm text-neutral-500 transition-colors hover:text-neutral-900 dark:hover:text-neutral-100"
+            >
+              <ArrowLeft className="h-4 w-4" />
+              Back to blogs
+            </Link>
+            {post.metadata.repoUrl && (
+              <a
+                href={post.metadata.repoUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center gap-1.5 text-sm text-neutral-500 transition-colors hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100"
+              >
+                <Github className="h-4 w-4" />
+                View on GitHub
+                <ExternalLink className="h-3.5 w-3.5" />
+              </a>
+            )}
+          </div>
+        </div>
+
+        {/* Table of Contents - Sticky on desktop for easy navigation */}
+        <aside className="absolute top-0 left-[calc(100%+2rem)] hidden h-full w-52 xl:block">
+          <div className="sticky top-24">
+            <BlogTableOfContents headings={headings} />
+          </div>
+        </aside>
+      </div>
+
+      {/* Mobile TOC - Shows floating button */}
+      <div className="xl:hidden">
+        <BlogTableOfContents headings={headings} />
+      </div>
+    </section>
+  );
+}

package/templates/blog/src/app/blogs/page.tsx

@@ -0,0 +1,108 @@
+import Link from "next/link";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { getBlogPosts } from "@/blogs/data/mdx";
+import SectionHeading from "@/components/section-heading";
+import { BlogPostCard } from "@/blogs/components/blog-post-card";
+
+const POSTS_PER_PAGE = 10;
+
+export const metadata = {
+  title: "Blogs",
+  description: "Read my thoughts on software development, design, and more.",
+};
+
+export default async function BlogPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ page?: string }>;
+}) {
+  const params = await searchParams;
+  const allBlogs = getBlogPosts();
+
+  const sorted = [...allBlogs].sort(
+    (a, b) =>
+      new Date(b.metadata.publishedAt).getTime() -
+      new Date(a.metadata.publishedAt).getTime(),
+  );
+
+  const totalPosts = sorted.length;
+  const totalPages = Math.max(1, Math.ceil(totalPosts / POSTS_PER_PAGE));
+  const rawPage = parseInt(params.page ?? "1", 10);
+  const page = Math.max(
+    1,
+    Math.min(Number.isNaN(rawPage) ? 1 : rawPage, totalPages),
+  );
+
+  const start = (page - 1) * POSTS_PER_PAGE;
+  const posts = sorted.slice(start, start + POSTS_PER_PAGE);
+
+  return (
+    <section className="py-4">
+      <div className="container mx-auto mt-4 max-w-(--content-max-width) px-4">
+        <SectionHeading>Blogs</SectionHeading>
+        {totalPosts === 0 ? (
+          <p className="text-muted-foreground">No posts yet.</p>
+        ) : (
+          <>
+            <div className="flex flex-col gap-4">
+              {posts.map((post) => (
+                <BlogPostCard
+                  key={post.slug}
+                  slug={post.slug}
+                  title={post.metadata.title}
+                  publishedAt={post.metadata.publishedAt}
+                  summary={post.metadata.summary}
+                />
+              ))}
+            </div>
+
+            {totalPages > 1 && (
+              <nav
+                className="mt-10 flex flex-wrap items-center justify-between gap-4 border-t border-border pt-6"
+                aria-label="Blog pagination"
+              >
+                <p className="text-sm text-muted-foreground">
+                  Page{" "}
+                  <span className="font-medium text-foreground">{page}</span> of{" "}
+                  <span className="font-medium text-foreground">
+                    {totalPages}
+                  </span>
+                </p>
+                <div className="flex items-center gap-2">
+                  {page > 1 ? (
+                    <Link
+                      href={page === 2 ? "/blogs" : `/blogs?page=${page - 1}`}
+                      className="inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/50 px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted"
+                    >
+                      <ChevronLeft className="h-4 w-4" />
+                      Previous
+                    </Link>
+                  ) : (
+                    <span className="inline-flex items-center gap-1.5 rounded-md border border-border/50 bg-muted/30 px-3 py-1.5 text-sm text-muted-foreground">
+                      <ChevronLeft className="h-4 w-4" />
+                      Previous
+                    </span>
+                  )}
+                  {page < totalPages ? (
+                    <Link
+                      href={`/blogs?page=${page + 1}`}
+                      className="inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/50 px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted"
+                    >
+                      Next
+                      <ChevronRight className="h-4 w-4" />
+                    </Link>
+                  ) : (
+                    <span className="inline-flex items-center gap-1.5 rounded-md border border-border/50 bg-muted/30 px-3 py-1.5 text-sm text-muted-foreground">
+                      Next
+                      <ChevronRight className="h-4 w-4" />
+                    </span>
+                  )}
+                </div>
+              </nav>
+            )}
+          </>
+        )}
+      </div>
+    </section>
+  );
+}

package/templates/blog/src/app/layout.tsx

@@ -0,0 +1,60 @@
+import type { Metadata, Viewport } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import { ThemeProvider } from "@/components/theme-provider";
+import { Header } from "@/components/header";
+import { Footer } from "@/components/footer";
+import {
+  getMetadata,
+  getViewport,
+  getWebSiteJsonLd,
+  getOrganizationJsonLd,
+} from "@/lib/seo";
+import "@/styles/globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = getMetadata();
+export const viewport: Viewport = getViewport();
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  const jsonLd = [getWebSiteJsonLd(), getOrganizationJsonLd()];
+
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <script
+          id="schema-ld"
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(jsonLd).replace(/</g, "\\u003c"),
+          }}
+        />
+      </head>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+          <div className="relative flex min-h-screen flex-col">
+            <div className="mx-auto w-full max-w-5xl border-x border-border/50 min-h-screen flex flex-col bg-background">
+              <Header />
+              <main className="flex-1">{children}</main>
+              <Footer />
+            </div>
+          </div>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}