https://github.com/pungrumpy/jotion
📝 Jotion is the connected workspace where better, faster work happens.
https://github.com/pungrumpy/jotion
Last synced: 8 months ago
JSON representation
📝 Jotion is the connected workspace where better, faster work happens.
- Host: GitHub
- URL: https://github.com/pungrumpy/jotion
- Owner: PunGrumpy
- License: mit
- Created: 2023-10-25T17:02:13.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-25T17:13:32.000Z (over 2 years ago)
- Last Synced: 2025-03-22T06:13:20.673Z (11 months ago)
- Language: TypeScript
- Homepage: https://jotion-kohl.vercel.app
- Size: 737 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023
This is a repository for Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023
[VIDEO TUTORIAL](https://www.youtube.com/watch?v=ZbX4Ok9YX94)
Key Features:
- Real-time database 🔗
- Notion-style editor 📝
- Light and Dark mode 🌓
- Infinite children documents 🌲
- Trash can & soft delete 🗑️
- Authentication 🔐
- File upload
- File deletion
- File replacement
- Icons for each document (changes in real-time) 🌠
- Expandable sidebar ➡️🔀⬅️
- Full mobile responsiveness 📱
- Publish your note to the web 🌐
- Fully collapsable sidebar ↕️
- Landing page 🛬
- Cover image of each document 🖼️
- Recover deleted files 🔄📄
### Prerequisites
**Node version 18.x.x**
### Cloning the repository
```shell
git clone https://github.com/AntonioErdeljac/notion-clone-tutorial.git
```
### Install packages
```shell
npm i
```
### Setup .env file
```js
# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
```
### Setup Convex
```shell
npx convex dev
```
### Start the app
```shell
npm run dev
```