An open API service indexing awesome lists of open source software.

https://github.com/halo-lab/next-supabase-todo

Todo app with Next.js and Supabase
https://github.com/halo-lab/next-supabase-todo

Last synced: 12 months ago
JSON representation

Todo app with Next.js and Supabase

Awesome Lists containing this project

README

          

# Next.js + Supabase Todo App

A simple Todo application built using Next.js and Supabase.

## Features

- **Authentication**: User login and registration powered by Supabase Auth.
- **Database**: Store and manage todos using Supabase's Postgres database.
- **Real-time Updates**: Changes to todos sync in real-time.
- **Next.js API Routes**: Backend logic handled within the Next.js API layer.
- **Tailwind CSS**: Modern styling with utility-first CSS framework.

## Getting Started

### Prerequisites

- [Node.js](https://nodejs.org/) installed.
- [Supabase account](https://supabase.com/) with a configured project.

### Installation

1. Clone the repository:
```bash
git clone https://github.com/Halo-Lab/next-supabase-todo.git
cd next-supabase-todo
```
2. Install dependencies:
```bash
npm install
```

3. Set up environment variables:
- Copy `.env.example` to `.env.local`:
```bash
cp .env.example .env.local
```
- Update `.env.local` with your Supabase credentials:
```env
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
```

4. Run the development server:
```bash
npm run dev
```
The app will be available at [http://localhost:3000](http://localhost:3000).

## Deployment

This application can be deployed on platforms like Vercel, Netlify, or any provider supporting Next.js.

### Deploy to Vercel

1. Install the Vercel CLI:
```bash
npm install -g vercel
```
2. Deploy:
```bash
vercel
```

## Contributing

Feel free to submit issues and pull requests. Contributions are welcome!

## License

This project is open-source and available under the MIT License.