/station-a-notion-clone

A Notion-like clone app built with Supabase, Next.js, Tailwind CSS, Shadcn, Zustand, and Editor.js.

Primary LanguageTypeScriptMIT LicenseMIT

🚀 Live demo:

For testing purpose only. station-proto.netlify.app

📦 Tech Stack

Frontend

Backend

🎯 Features

  • User Authentication ✅
  • Mobile responsive ✅
  • Dark & light mode ✅
  • Search & trash ✅
  • Expandable sidebar ✅
  • Realtime sidebar ✅
  • Block editor ✅
  • Realtime editor ⏳
  • Publishable ⏳

Installation

To clone and run this application locally, you'll need Git, Docker & Node.js installed on your computer.

Run supabase locally

Start supabase container on your local machine, to get your anon key and url for local development purpose

pnpm dlx supabase start
# or
npx supabase start

Please reference to the Supabase cli doc for more instruction

Run project locally

  1. Clone the project
git clone git@github.com:fsaythanry/station-a-notion-clone.git
cd station-a-notion-clone
  1. Create .env.local file in root directory
NEXT_PUBLIC_SUPABASE_URL=<your supabase url>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<your supabase anon key>

NEXT_PUBLIC_APP_URL=http://localhost:3000
  1. Install the app dependencies:
pnpm install
# or
npm install
# or
yarn
# or
  1. Run the app:
pnpm dev
# or
npm run dev
# or
yarn dev
# or

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

License

Distributed under the MIT license. See LICENSE for more information.