https://github.com/aldhyx/station-a-notion-clone
A Notion-like clone app built with Supabase, Next.js, Tailwind CSS, Shadcn, Zustand, and Editor.js.
https://github.com/aldhyx/station-a-notion-clone
nextjs reactjs shadcn-ui supabase tailwindcss typescript zustand
Last synced: 3 months ago
JSON representation
A Notion-like clone app built with Supabase, Next.js, Tailwind CSS, Shadcn, Zustand, and Editor.js.
- Host: GitHub
- URL: https://github.com/aldhyx/station-a-notion-clone
- Owner: aldhyx
- License: mit
- Created: 2023-12-15T12:20:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-30T07:06:32.000Z (7 months ago)
- Last Synced: 2025-01-14T18:51:58.133Z (4 months ago)
- Topics: nextjs, reactjs, shadcn-ui, supabase, tailwindcss, typescript, zustand
- Language: TypeScript
- Homepage: https://station-proto.netlify.app
- Size: 1.88 MB
- Stars: 21
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 🚀 Live demo:
For testing purpose only.
[station-proto.netlify.app](https://station-proto.netlify.app)
## 📦 Tech Stack
#### Frontend
- [NextJS](https://supabase.com)
- [TailwindCSS](https://tailwindcss.com/)
- [Shadcn/ui](https://ui.shadcn.com/)
- [Zustand](https://github.com/pmndrs/zustand)
- [Zod](https://github.com/colinhacks/zod)
- [Emoji Mart](https://github.com/missive/emoji-mart)
- etc, at the package.json file
#### Backend
- [Supabase](https://nextjs.org)
## 🎯 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
```bash
pnpm dlx supabase start
# or
npx supabase start
```
Please reference to the [Supabase cli doc](https://supabase.com/docs/guides/cli) for more instruction
### Run project locally
1. Clone the project
```bash
git clone [email protected]:fsaythanry/station-a-notion-clone.git
cd station-a-notion-clone
```
2. Create `.env.local` file in root directory
```bash
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
NEXT_PUBLIC_APP_URL=http://localhost:3000
```
2. Install the app dependencies:
```bash
pnpm install
# or
npm install
# or
yarn
# or
```
2. Run the app:
```bash
pnpm dev
# or
npm run dev
# or
yarn dev
# or
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## License
Distributed under the MIT license. See LICENSE for more information.