More Premium Hugo Themes Premium Nextjs Themes

T3 Supabase App Router

Nextjs 14 APP Router, t3 stack, Supabase (Auth, storage, database)

T3 Supabase App Router

Nextjs 14 APP Router, t3 stack, Supabase (Auth, storage, database)

Author Avatar Theme by jaaneek
Github Stars Github Stars: 184
Last Commit Last Commit: Jan 22, 2024 -
First Commit Created: Jun 5, 2023 -
T3 Supabase App Router screenshot

Overview

This product is a starter project or boilerplate that includes the T3 stack, Supabase, and an app directory. It is Edge ready and uses the Vercel Edge runtime. The project allows for calling the database in server components through supabase-js, while trpc+prisma is used for client components. The T3 stack includes Next.js as the app router, Prisma for database management, and Tailwind CSS for styling.

Features

  • Edge ready with Vercel Edge runtime
  • TRPC app directory/router
  • Prisma for database management
  • Supabase for authentication, storage, and serverless queries
  • Tailwind CSS for styling

Installation

To install this theme, follow these steps:

  1. Clone this project
  2. Run npm install
  3. Copy the .env.example file and rename it to .env
  4. Fill out the environment variables in the .env file
  5. If you develop on local Supabase, run npm run dev-local
  6. If you develop on cloud Supabase, run npm run dev-cloud
  7. Run the project by running npm run dev

If you are not familiar with the different technologies used in this project, please refer to their respective documentation.

Summary

The T3 stack + Supabase + App directory starter project is an Edge ready boilerplate that combines Next.js, Prisma, Tailwind CSS, and Supabase. It provides an easy way to start building applications with these technologies and includes features such as a TRPC app directory/router and serverless queries with Supabase. The installation process is straightforward and the project can be easily deployed using Vercel, Netlify, or Docker. Overall, this starter project offers a solid foundation for building modern web applications.