Next.js starter with TypeScript, Supabase and TailwindCSS

Overview

This project is a Next.js starter with:

It is basically what is presented in the Supabase + Next.js quickstart, just with TypeScript, and some minimal UI with TailwindCSS.

Screenshot

Usage:

  • Clone this repository or use it as a template
  • Rename .env.local.template to .env.local and set the two environement variables using your Supabase configuration
  • Follow the instuctions from the Supabase + Next.js quickstart to set up the database schema.

Below, the original README generated by Next.js:


This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

You might also like...

A Tauri + Next.js (SSG) template, with TailwindCSS, opinionated linting, and GitHub Actions preconfigured

A Tauri + Next.js (SSG) template, with TailwindCSS, opinionated linting, and GitHub Actions preconfigured

Tauri + Next.js Template This is a Tauri project template using Next.js, bootstrapped by combining create-next-app and create tauri-app. This template

Dec 30, 2022

Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺

Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺

Kittos NFT Marketplace 😺 Built with Next Js, Hardhat, Solidity, Arweave, Bundlr and Tailwind CSS. Functionalities New Listed Assets Mint NFT Buy NFT

Dec 24, 2022

Twitter-Clone (For Learning Purpose) made with Next.js,Firebase,TailwindCss

Twitter-Clone (For Learning Purpose) made with Next.js,Firebase,TailwindCss

Project Name : Twitter-Clone This is a clone of Twitter . This build is for learning purpose only. Technology Used To Build This How it look's Some im

Oct 4, 2022

Medium.com (Redesign with Next.js & Tailwindcss)

 Medium.com (Redesign with Next.js & Tailwindcss)

Medium.com (Redesign with Next.js & Tailwindcss) It is a redesign of the popular blogging website Medium.com. It is designed with React and Tailwindcs

Jun 11, 2022

Frontend of thisisbac blog. Technical stack: Next.js, ReduxToolkit, TailwindCss,...

Introduction ThisisBac frontend services are responsible for all interface actions related to ThisisBac Blog with technical stack Next.js, Redux Toolk

May 15, 2022

Frontend of ecert. Technical stack: Next.js, ReduxToolkit, TailwindCss,...

Introduction ThisisBac frontend services are responsible for all interface actions related to ThisisBac Blog with technical stack Next.js, Redux Toolk

May 15, 2022

Stablo is a minimal blog website template built with Next.js, TailwindCSS & Sanity CMS

Stablo is a minimal blog website template built with Next.js, TailwindCSS & Sanity CMS

Stablo Blog Template - Next.js & Sanity CMS Stablo is a JAMStack Starter template built with Next.js, Tailwind CSS & Sanity CMS by Web3Templates. Clic

Dec 30, 2022

A clean and lightweight TypeScript Next.js Starter powered by the tools (nearly) everybody use

A clean and lightweight TypeScript Next.js Starter powered by the tools (nearly) everybody use

This is a template for a Next.js project based on create-next-app Report Bug · Request Feature ⚡ Quickstart You can click on the button Use this templ

Nov 14, 2022

Next.js + Tailwind + Typescript + Prisma + NextAuth starter project

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jan 3, 2023
Owner
Sébastien Castiel
Sébastien Castiel
An alternative YouTube frontend built with Next.js, TailwindCSS, and TypeScript.

Invideo Invideo is an alternative YouTube frontend. Tools & Tech It's built with Next.js, TypeScript, and TailwindCSS. Where does Invideo get the data

Ayaan Zaveri 9 Sep 22, 2022
Decentralized twitter using Solidity, Ethereum, hardhat, ethers, IPFS, Next.JS, TypeScript, TailwindCSS.

DWITTER: Decentralized Twitter Check out the deployed version of this app at https://dwtr.wajeshubham.in Transactions on Ethereum are slow. Therefore,

Shubham Waje 12 Sep 2, 2022
Example project implementing authentication, authorization, and routing with Next.js and Supabase

Magic Link Authentication and Route Controls with Supabase and Next.js To run this project, To get started with this project, first create a new proje

Nader Dabit 134 Dec 11, 2022
tooldb is a (soon) massive collection of frameworks and tools. It's build on Flowbite, Next.js, Tailwind CSS and uses Supabase.

tooldb is a (soon) massive collection of frameworks and tools. It's build on Flowbite, Next.js, Tailwind CSS and uses Supabase.

Julian Yaman 12 Jul 14, 2022
A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed

tailwindcsscli A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed Installation To install the CLI, run the

Kira 12 Sep 30, 2022
Node-cli-starter - Basic starter kit for building Node CLI applications with TypeScript.

node-cli-starter Minimal starter kit for building Node CLI applications with TypeScript. Getting Started To get started clone repo locally and run npm

Cory Rylan 7 May 17, 2022
ChatMore: A web chatapp like Whatsapp - Made in Typescript, React and Supabase

ChatMore This project is a chatapp made in React. On the main page we can authenticate, and then add todos to the our list. The ultimate goal of this

Ulysse 75 Jan 3, 2023
🎬 Movie, TV Series and Actor website made with TMDb, Next.js and TailwindCSS.

Movie App Demo Getting Started ?? Development Server npm install --s --f && npm run dev # or yarn install && yarn dev ?? Production Server npm install

uh! 10 Dec 27, 2022
A meditating website to clear your mind. Built with Next.JS and TailwindCSS ♥

Meditate A modern meditation web app for you to meditate on your own terms. Track your progress and share your thoughts with others. Table of Contents

Andy 5 Jul 27, 2022
Create content rich websites with ease - built on next.js, contentlayer and tailwindcss

Pliny Note: Pliny is currently in alpha. Expect breaking changes. Pliny makes creating, editing and publishing markdown content easy and simple. It is

Timothy 72 Dec 30, 2022