A favicon of Taxonomy Edge

Taxonomy Edge

A Next.js 13 starter, forked from shadcn's Taxonomy, optimized for Edge Runtime deployment with an updated, edge-compatible tech stack.

A screenshot of Taxonomy EdgeVisit

Taxonomy at the Edge: High-Performance Next.js 13 Starter for Edge Environments

Taxonomy at the Edge is an experimental fork of shadcn's popular Taxonomy starter, meticulously re-engineered to leverage the Edge Runtime. This adaptation allows developers to build and deploy state-of-the-art Next.js 13 applications on platforms like Cloudflare Pages, benefiting from enhanced performance, 0ms cold starts, and global distribution. It provides a robust starting point for projects requiring edge-first architecture, with key components like authentication and ORM replaced for edge compatibility.

Features:

  • Next.js 13 App Directory: Utilizes the latest Next.js /app directory for routing, layouts, and server components.
  • Edge Runtime Optimization: All routes configured with export const runtime = "edge"; for optimal performance on edge platforms.
  • Firebase Authentication: Employs next-firebase-auth-edge for authentication, compatible with the edge runtime.
  • Drizzle ORM: Uses Drizzle ORM for database operations, ensuring edge runtime compatibility.
  • Cloudflare D1 Database Support: Pre-configured to use Cloudflare D1 as the database solution.
  • Radix UI Components: Features UI components built with Radix UI for accessibility and customizability.
  • Tailwind CSS Styling: Styled with Tailwind CSS for rapid UI development.
  • MDX for Content (next/mdx): Uses next/mdx for documentation and blog content, replacing edge-incompatible solutions.
  • Stripe Subscriptions (Edge Adapted): Stripe integration modified to work within the edge runtime.
  • Zod Validations: Implements Zod for robust data validation.
  • TypeScript: Fully written in TypeScript for type safety and improved developer experience.
  • Yarn Workspaces: Project structured using yarn workspaces for better organization of the web app and component packages.
  • Optimized Data Handling: Leverages Next.js 13's data fetching, caching, and mutation capabilities.
  • Edge-Compatibility Focus: Key libraries like NextAuth.js, Prisma, Contentlayer, next/image, vercel/og, and EditorJS replaced with edge-friendly alternatives.

Summary:

Taxonomy at the Edge provides developers with a feature-rich Next.js 13 starter template specifically tailored for the Edge Runtime. It addresses common challenges of edge deployment by substituting incompatible libraries for authentication (Firebase Auth), ORM (Drizzle), and content management (next/mdx). This project is ideal for building fast, globally distributed web applications with a modern tech stack, ready to be deployed on services like Cloudflare Pages.

Distribution:
opensource
GitHub:
9 Stars
5 Forks
Share:

 

  
 

Similar to Taxonomy Edge: