Template Nextjs Convexauth Shadcn

Full-Stack Next.js Starter with Convex & Auth

Jumpstart your full-stack development with this Next.js starter kit. It seamlessly integrates Convex for your backend needs, including database and server logic, alongside Convex Auth for robust user authentication. The frontend is built with React, styled using Tailwind CSS and shadcn/ui for rapid, accessible UI development. This template provides a solid foundation, complete with a multi-user chat example, to help you build and deploy feature-rich web applications efficiently.

Features:

• Convex Backend: Provides database and server logic capabilities, as seen in convex/messages.ts.
• Convex Auth Integration: Implements user authentication with configurable methods, configured in convex/auth.ts.
• React Frontend: Utilizes React for building interactive user interfaces like the chat in app/product/Chat/Chat.tsx.
• Next.js Framework: Leverages Next.js for optimized web hosting, page routing, and layouts such as app/layout.tsx.
• Tailwind CSS: Includes Tailwind for utility-first CSS styling.
• shadcn/ui: Incorporates accessible UI components for building great-looking interfaces quickly.
• Multi-User Chat Example: Features a basic chat application demonstrating core functionalities (backend in convex/messages.ts, frontend in app/product/Chat/Chat.tsx).
• Protected Routes: Uses middleware.ts to determine which pages, like the product page (app/product/page.tsx), require user sign-in.
• Splash Page Example: Includes a public-facing page (app/(splash)/page.tsx) accessible without authentication.
• Sign-in Page: Provides a dedicated page for user sign-in (app/signin/page.tsx).
• Configurable Authentication Methods: Allows customization of authentication providers as detailed in Convex Auth documentation.

Summary:

This Next.js starter template equips developers with a pre-configured full-stack environment. It leverages Convex for backend services and real-time data, Convex Auth for user management, coupled with Next.js and React for the frontend. Featuring Tailwind CSS, shadcn/ui, and a functional chat example, it accelerates the development of modern web applications by providing essential building blocks, including secure authentication and protected routing, right out of the box.