create-audora-next 0.1.7 → 2.0.0

package/templates/blog/src/app/llms-full.txt/route.ts

@@ -0,0 +1,97 @@
+import { SITE_CONFIG } from "@/config/site";
+import LLMS_DATA from "@/data/llms";
+
+export const dynamic = "force-static";
+
+export function GET() {
+  const content = `# ${SITE_CONFIG.name}
+
+> ${SITE_CONFIG.tagline}
+
+${SITE_CONFIG.description}
+
+## Quick Start
+
+\`\`\`bash
+${LLMS_DATA.quickStart}
+cd my-app
+bun install
+bun dev
+\`\`\`
+
+## Resources
+
+- Summary: ${SITE_CONFIG.url}/llms.txt
+- Sitemap: ${SITE_CONFIG.url}/sitemap.xml
+- Repository: ${LLMS_DATA.repository}
+
+## Tech Stack
+
+${LLMS_DATA.techStack.map((item) => `- ${item}`).join("\n")}
+
+## Features
+
+${LLMS_DATA.features.map((item) => `- ${item}`).join("\n")}
+
+## Folder Structure
+
+\`\`\`
+${LLMS_DATA.folderStructure}
+\`\`\`
+
+## Development Commands
+
+| Command | Description |
+|---------|-------------|
+| \`${LLMS_DATA.commands.dev}\` | Start development server |
+| \`${LLMS_DATA.commands.build}\` | Build for production |
+| \`${LLMS_DATA.commands.start}\` | Start production server |
+| \`${LLMS_DATA.commands.lint}\` | Lint code |
+| \`${LLMS_DATA.commands.format}\` | Format code |
+
+${LLMS_DATA.seoDetails}
+
+${LLMS_DATA.conventions}
+
+## Environment Variables
+
+| Variable | Description |
+|----------|-------------|
+| \`NEXT_PUBLIC_SITE_URL\` | Base URL for sitemap, robots.txt, and Open Graph |
+
+## Key Files
+
+### src/data/site.ts
+Contains site configuration that powers SEO metadata:
+- name, url, ogImage
+- tagline, description, shortDescription
+- twitterHandle, keywords
+
+### src/lib/seo.ts
+SEO utility functions:
+- getMetadata() - Root layout metadata
+- getPageMetadata() - Per-page metadata
+- getViewport() - Viewport with theme colors
+- JSON-LD generators for structured data
+
+### src/app/layout.tsx
+Root layout with:
+- Metadata exports
+- Theme provider
+- Geist font configuration
+
+### src/components/theme-toggle.tsx
+Dark/light mode toggle component using next-themes.
+
+## License
+
+MIT
+`;
+
+  return new Response(content, {
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=3600, s-maxage=86400",
+    },
+  });
+}

package/templates/blog/src/app/llms.txt/route.ts

@@ -0,0 +1,40 @@
+import { SITE_CONFIG } from "@/config/site";
+import LLMS_DATA from "@/data/llms";
+
+export const dynamic = "force-static";
+
+export function GET() {
+  const content = `# ${SITE_CONFIG.name}
+
+> ${SITE_CONFIG.tagline}
+
+${SITE_CONFIG.description}
+
+## Quick Start
+
+\`\`\`bash
+${LLMS_DATA.quickStart}
+\`\`\`
+
+## Resources
+
+- Full documentation: ${SITE_CONFIG.url}/llms-full.txt
+- Sitemap: ${SITE_CONFIG.url}/sitemap.xml
+- Repository: ${LLMS_DATA.repository}
+
+## Tech Stack
+
+${LLMS_DATA.techStack.map((item) => `- ${item}`).join("\n")}
+
+## Features
+
+${LLMS_DATA.features.map((item) => `- ${item}`).join("\n")}
+`;
+
+  return new Response(content, {
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=3600, s-maxage=86400",
+    },
+  });
+}

package/templates/blog/src/app/manifest.ts

@@ -0,0 +1,61 @@
+import type { MetadataRoute } from "next";
+
+import { SITE_CONFIG } from "@/config/site";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: SITE_CONFIG.name,
+    short_name: SITE_CONFIG.name,
+    description: SITE_CONFIG.description,
+    icons: [
+      {
+        src: "/favicon/favicon.svg",
+        type: "image/svg+xml",
+        sizes: "any",
+        purpose: "any",
+      },
+      {
+        src: "/favicon/web-app-manifest-192x192.png",
+        type: "image/png",
+        sizes: "192x192",
+        purpose: "any",
+      },
+      {
+        src: "/favicon/web-app-manifest-512x512.png",
+        type: "image/png",
+        sizes: "512x512",
+        purpose: "maskable",
+      },
+    ],
+    id: "/?utm_source=pwa",
+    start_url: "/?utm_source=pwa",
+    display: "standalone",
+    scope: "/",
+    screenshots: [
+      {
+        src: "/images/screenshot-mobile-dark.webp",
+        type: "image/webp",
+        sizes: "440x956",
+        form_factor: "narrow",
+      },
+      {
+        src: "/images/screenshot-mobile-light.webp",
+        type: "image/webp",
+        sizes: "440x956",
+        form_factor: "narrow",
+      },
+      {
+        src: "/images/screenshot-desktop-dark.webp",
+        type: "image/webp",
+        sizes: "1920x1080",
+        form_factor: "wide",
+      },
+      {
+        src: "/images/screenshot-desktop-light.webp",
+        type: "image/webp",
+        sizes: "1920x1080",
+        form_factor: "wide",
+      },
+    ],
+  };
+}

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

@@ -0,0 +1,57 @@
+import Link from "next/link";
+import { SITE_CONFIG } from "@/config/site";
+import { getPageMetadata } from "@/lib/seo";
+import { BlogSection } from "@/blogs/components/blog-section";
+import { CopyableCode } from "@/components/copyable-code";
+import { Github } from "lucide-react";
+
+export const metadata = getPageMetadata({
+  title: `${SITE_CONFIG.name} - ${SITE_CONFIG.tagline}`,
+  path: "/",
+});
+
+export default function Home() {
+  return (
+    <>
+      <section className="container mx-auto flex max-w-5xl flex-col items-center justify-center px-4 py-10 text-center sm:py-16">
+        <div className="space-y-6">
+          <h1 className="text-3xl font-bold tracking-tight text-foreground sm:text-5xl sm:leading-tight">
+            {SITE_CONFIG.tagline}
+          </h1>
+
+          <p className="mx-auto max-w-2xl text-lg text-muted-foreground sm:text-xl">
+            {SITE_CONFIG.shortDescription}
+          </p>
+
+          <div className="flex flex-col items-center justify-center gap-4 sm:flex-row">
+            <Link
+              href="https://github.com/audoralabs/nextblog-starter"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-primary px-6 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            >
+              <Github className="h-4 w-4" suppressHydrationWarning />
+              Star on GitHub
+            </Link>
+            <Link
+              href="https://www.npmjs.com/package/create-audora-next"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex h-10 items-center justify-center rounded-md border border-input bg-background px-6 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            >
+              View on npm
+            </Link>
+          </div>
+
+          <div>
+            <CopyableCode code="bunx create-audora-next@latest -blog my-blog" />
+          </div>
+        </div>
+      </section>
+
+      <section className="border-t border-border/40  p-2">
+        <BlogSection />
+      </section>
+    </>
+  );
+}

package/templates/blog/src/app/robots.ts

@@ -0,0 +1,16 @@
+import type { MetadataRoute } from "next";
+
+import { SITE_CONFIG } from "@/config/site";
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: [
+      {
+        userAgent: "*",
+        allow: "/",
+        disallow: ["/api/", "/_next/", "/private/"],
+      },
+    ],
+    sitemap: `${SITE_CONFIG.url}/sitemap.xml`,
+  };
+}

package/templates/blog/src/app/sitemap.ts

@@ -0,0 +1,52 @@
+import type { MetadataRoute } from "next";
+import { SITE_CONFIG } from "@/config/site";
+import { getBlogPosts } from "@/blogs/data/mdx";
+
+export const dynamic = "force-static";
+
+/**
+ * Generates a comprehensive sitemap for the website
+ *
+ * Priority guidelines:
+ * - 1.0: Homepage (most important)
+ * - 0.8-0.9: Main pages (About, Blog listing, etc.)
+ * - 0.6-0.7: Blog posts, category pages
+ * - 0.4-0.5: Archive pages, tag pages
+ * - 0.3: Less important pages
+ *
+ * Change frequency guidelines:
+ * - always: Pages that change with every access
+ * - hourly: Pages that change hourly
+ * - daily: Pages that change daily
+ * - weekly: Pages that change weekly
+ * - monthly: Pages that change monthly
+ * - yearly: Pages that change yearly
+ * - never: Archived pages
+ */
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const siteUrl = SITE_CONFIG.url;
+  const currentDate = new Date().toISOString();
+
+  // Static routes with priorities and change frequencies
+  const staticRoutes: MetadataRoute.Sitemap = [
+    {
+      url: siteUrl,
+      lastModified: currentDate,
+      changeFrequency: "weekly",
+      priority: 1.0,
+    },
+  ];
+
+  // Blog posts
+  const blogPosts: MetadataRoute.Sitemap = getBlogPosts().map((post) => ({
+    url: `${siteUrl}/blog/${post.slug}`,
+    lastModified: post.metadata?.publishedAt
+      ? new Date(post.metadata.publishedAt).toISOString()
+      : currentDate,
+    changeFrequency: "monthly" as const,
+    priority: 0.7,
+  }));
+
+  return [...staticRoutes, ...blogPosts];
+}

package/templates/blog/src/blogs/components/animated-blog-list.tsx

@@ -0,0 +1,33 @@
+import { BlogPostCard } from "./blog-post-card";
+// import { AnimateIn } from "@/components/animate-in";
+
+interface BlogPostDisplayProps {
+  slug: string;
+  metadata: {
+    title: string;
+    publishedAt: string;
+    summary: string;
+  };
+}
+
+interface AnimatedBlogListProps {
+  posts: BlogPostDisplayProps[];
+}
+
+export function AnimatedBlogList({ posts }: AnimatedBlogListProps) {
+  return (
+    <div className="flex flex-col gap-4">
+      {posts.map((post, index) => (
+        // <AnimateIn key={post.slug} delay={index * 0.05}>
+        <BlogPostCard
+          key={post.slug}
+          slug={post.slug}
+          title={post.metadata.title}
+          publishedAt={post.metadata.publishedAt}
+          summary={post.metadata.summary}
+        />
+        // </AnimateIn>
+      ))}
+    </div>
+  );
+}

package/templates/blog/src/blogs/components/blog-post-card.tsx

@@ -0,0 +1,46 @@
+import Link from "next/link";
+import { Calendar, ChevronRight } from "lucide-react";
+import { formatDateDisplay } from "@/lib/utils";
+
+type BlogPostCardProps = {
+  slug: string;
+  title: string;
+  publishedAt: string;
+  summary?: string;
+};
+
+export function BlogPostCard({
+  slug,
+  title,
+  publishedAt,
+  summary,
+}: BlogPostCardProps) {
+  return (
+    <Link
+      className="group flex flex-col gap-1 rounded-lg border border-border/50 p-3 transition-all hover:border-border sm:p-4"
+      href={`/blogs/${slug}`}
+    >
+      <div className="flex w-full flex-col gap-1 sm:flex-row sm:items-start sm:justify-between">
+        <h2 className="text-lg font-medium tracking-tight text-foreground transition-colors group-hover:text-foreground/80">
+          {title}
+        </h2>
+        <time
+          dateTime={publishedAt}
+          className="flex shrink-0 items-center gap-1.5 text-sm text-muted-foreground tabular-nums"
+        >
+          <Calendar className="h-4 w-4 shrink-0" />
+          {formatDateDisplay(publishedAt)}
+        </time>
+      </div>
+      {summary && (
+        <p className="line-clamp-2 text-sm text-muted-foreground">{summary}</p>
+      )}
+      <span className="mt-1 inline-flex items-center gap-1 text-sm font-medium text-foreground/70 transition-colors group-hover:text-foreground">
+        Read article
+        <ChevronRight className="h-4 w-4 transition-transform group-hover:translate-x-0.5" />
+      </span>
+    </Link>
+  );
+}
+
+export default BlogPostCard;

package/templates/blog/src/blogs/components/blog-section.tsx

@@ -0,0 +1,34 @@
+import { getBlogPosts } from "@/blogs/data/mdx";
+import { ViewAllLink } from "@/components/view-all-link";
+import SectionHeading from "@/components/section-heading";
+import { AnimatedBlogList } from "./animated-blog-list";
+
+export function BlogSection() {
+  const allBlogs = getBlogPosts();
+
+  const sorted = [...allBlogs]
+    .sort(
+      (a, b) =>
+        new Date(b.metadata.publishedAt).getTime() -
+        new Date(a.metadata.publishedAt).getTime(),
+    )
+    .slice(0, 4);
+
+  return (
+    <section id="blog" className="pt-4 pb-2">
+      <div className="container mx-auto mt-8 flex max-w-(--content-max-width) flex-col gap-6 px-4">
+        <SectionHeading>Blogs</SectionHeading>
+        {sorted.length === 0 ? (
+          <p className="text-muted-foreground">No posts yet.</p>
+        ) : (
+          <AnimatedBlogList posts={sorted} />
+        )}
+        <div className="flex justify-center pt-2">
+          <ViewAllLink href="/blogs" />
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default BlogSection;