onyx

Onyx: Full-Stack NextJS 14 MVP Starter

Onyx is a comprehensive, full-stack MVP template built with NextJS 14 and Typescript. It offers a turnkey solution for developers, integrating Supabase for SSR authentication and Postgres database operations, complete with CRUD functionalities. It includes role-based access control (RBAC), Zod validation, Tanstack React Query for efficient data management, and MDX component support, facilitating rapid development of progressive web applications.

Features:

• NextJS 14 App Router: Modern NextJS architecture in Typescript.
• Supabase SSR Auth: Fully configured email/password signup, login, OAuth, PKCE, middleware, and server actions.
• Supabase Postgres DB: Configured with CRUD functions, user account/profile management, and RBAC admin dashboard.
• Role-Based Access Control (RBAC): Pre-configured admin dashboard with data visualization and members administration.
• TanStack React Query, Table, and Dev Tools: Integrated for server-side rendering and client-side data fetching with Supabase DB & cache helpers.
• Zod Validation: Implemented for data schemas, validation, and event handling.
• Shadcn-UI & Radix-UI Primitives: Modern UI components styled with Tailwind CSS.
• MDX Page Support: Create content pages using Markdown (page.mdx) with embedded React components.
• Next-PWA: Configured for progressive web app capabilities.
• React Hook Form: Integrated for building robust and manageable forms.
• Rust Serverless Functions: Supports Rust runtime for Vercel serverless functions and API.
• Validated Contact Form: Includes toast notifications, Zod validation, and server-side table insert.
• Typed Supabase Clients: Provides typed Auth & DB clients, including readOnly userSession clients.
• OpenAI Playground UI: Includes a user interface for interacting with OpenAI.
• CookieButton Component: Configured for consent management (e.g., with Termly).

Summary:

Onyx offers a robust starting point for building MVPs efficiently. It combines NextJS 14 with Supabase for backend services like authentication and database management. Featuring RBAC, Zod validation, Tanstack Query, and MDX support, it empowers developers to rapidly build and deploy feature-rich progressive web applications. The template is equipped with modern UI components, form handling, and PWA capabilities, making it a versatile choice for contemporary web development.