React Templates & Themes Logo React Templates & Themes
Taxonomy screenshot

Taxonomy

Author Avatar Theme by Shadcn ui
Updated: 29 Apr 2023
18922 Stars

An open source application built using the new router, server components and everything new in Next.js 13.

Github Live Preview

Categories

Nextjs Tailwind Prisma Radix ui Fullstack

Overview

Taxonomy is an open-source application developed using the latest features in Next.js 13, including the new router and server components. It serves as an experimental project to test the functionality of modern app features within this framework. Please note that Taxonomy is a work in progress and still in the beta phase, with improvements and updates continuously being implemented by the developer.

Features

  • New /app dir: Organized directory structure for the application.
  • Data Fetching, Caching and Mutation: Efficient handling of app data.
  • Layouts, Nested Layouts and Layout Groups: Structured design layout options.
  • Route handlers: Managing navigation between routes smoothly.
  • API Routes and Middlewares: Implementing backend functionality.
  • Authentication using NextAuth.js: Secure user authentication.
  • UI Components using Radix UI: Utilizing a component library for UI elements.
  • Documentation and blog with MDX and Contentlayer: Content management and documentation integration.
  • Subscriptions using Stripe: Integration of subscription services.
  • Styled with Tailwind CSS: Styling the components with a utility-first CSS framework.
  • Validations using Zod: Ensuring data validation within the application.
  • Written in TypeScript: Utilizing TypeScript for strong typing and better code quality.

Installation

  1. Install dependencies using pnpm:
    pnpm install
  2. Copy .env.example to .env.local and update the variables.
  3. Start the development server:
    pnpm dev

Summary

Taxonomy is an experimental project built on Next.js 13, showcasing various modern app features within the framework. Despite being in the beta phase and using unstable releases of Next.js 13 and React 18, the application offers functionalities such as data handling, authentication, UI components, and documentation integration. While there are some known issues and performance concerns due to the beta status, Taxonomy provides a glimpse into the possibilities of utilizing Next.js for robust web applications.