A minimal notes app built with Next.js (frontend) and Supabase (backend), deployed on Vercel.
QuickNotes lets you add, view, and delete notes in a clean, simple interface.
- Add new notes
- View all saved notes
- Delete notes
- Supabase Postgres database integration
- Deployed with Vercel (auto‑redeploy on GitHub push)
- Frontend: Next.js + React + Tailwind CSS
- Backend: Supabase (Postgres + Auth)
- Deployment: Vercel
- Version Control: GitHub
Clone the repo:
git clone https://github.com/sejalpandey30/quicknotes.git
cd quicknotesInstall dependencies:
npm installRun locally:
npm run devApp runs at http://localhost:3000.
Create a .env.local file in the project root:
NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
In Supabase SQL Editor, create the notes table:
create table notes (
id uuid primary key default uuid_generate_v4(),
content text not null,
created_at timestamp default now()
);- Push code to GitHub.
- Connect repo to Vercel.
- Add environment variables in Vercel project settings.
- Deploy → your app will be live at
https://quicknotes.vercel.app.
- Make changes locally → commit → push to GitHub.
- Vercel automatically redeploys with the new changes.
- Use feature branches for preview deployments.
Visit the live app: QuickNotes on Vercel
Pull requests are welcome. For major changes, open an issue first to discuss what you’d like to change.
This project is licensed under the MIT License.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.