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

https://github.com/dorijanh/notion-clone

Full-stack Notion clone
https://github.com/dorijanh/notion-clone

Last synced: 2 months ago
JSON representation

Full-stack Notion clone

Awesome Lists containing this project

README

        




logo

Jotion


Full-stack Notion clone made by following the tutorial.



typescript


react


nextjs


convex


edge store


zustand


tailwindcss


shadcn-ui


clerk






logo



## 🛠 Prerequisites
+ [Node](https://nodejs.org/en) version >= 18.x
+ [pnpm](https://pnpm.io/) package manager
+ Code editor ([Visual Studio Code](https://code.visualstudio.com/) recommended)

## 🔰 Getting started

### Clone the repository
The easiest way to get started is to scaffoled a copy of the repository by using [degit](https://github.com/Rich-Harris/degit).

```bash
pnpm dlx degit https://github.com/DorijanH/notion-clone notion-clone
```

### Installing dependencies
Installing dependencies is done by running the following command

```bash
pnpm i
```

### Environmental variables
Create a local configuration file `.env.local` using the `.env.local.example` template

### Running the application
In order for the application to work, both the backend and frontend need to be running in their own terminals:

#### Running the Convex backend
```bash
pnpm dlx convex dev
```

#### Running the frontend app
```bash
pnpm dev
```