notion-clone

KO | EN

gitlite — search

#typescript #go #golang #android #deep-learning #docker #nodejs #windows #awesome #kubernetes #vue #awesome-list #ios #open-source

(★ 103)

Explore the development of a powerful Notion clone using NextJS, Stripe for payments, NodeJS for backend, Shadcn UI for sleek design, and TypeScript for robust, type-safe code. Unlock seamless collaboration and dynamic content management.

notion-clone 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center" id="title">Building a Notion Clone with Next.js Stripe Node.js Shadcn UI and TypeScript</h1>

<p id="description">Unlock the potential of modern web development by enrolling in our comprehensive course on building a Notion clone using cutting-edge technologies. This hands-on project-based learning experience will guide you through the entire process of creating a feature-rich collaborative note-taking application equipped with the latest web development tools and frameworks.</p>

[https://notion.sammi.ac/](https://notion.sammi.ac/)

<h2>🧐 Features</h2>

Here're some of the project's best features:

*   Real-time database 🔗
*   Recover deleted files 🔄📄
*   Stripe Integration
*   Subscription plan
*   Light and Dark mode 🌓
*   Blocknote
*   Expandable sidebar ➡️🔀⬅️
*   Infinite children documents 🌲

<h2>🛠️ Installation Steps:</h2>

<p>1. Install packages</p>

```
npm i & yarn install
```

<p>2. Setup .env file</p>

```
# CLERK AUTHORIZATION ENVIRONMENT VARIABLES
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

# CONVEX ENVIRONMENT VARIABLES
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=

# DOMAIN
NEXT_PUBLIC_DOMAIN=

# EDGE STORE
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=

# STRIPE 
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
NEXT_PUBLIC_STRIPE_SECRET_KEY=
```

<p>3. Setup Convex</p>

```
npx convex dev
```

<p>4. Start the app</p>

```
npm run dev
```

<h2>💻 Built with</h2>

Technologies used in the project:

*   ReactJS
*   TypeScript
*   Stripe
*   TypeScript
*   Convex
*   Clerk
*   NextJS App routes
*   Custom hooks
*   TailwindCSS
*   Shadcn UI
*   Edge store

notion-clone

notion-clone 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

notion-clone

notion-clone 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README