notion-clone
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.
File Explorer
Download Latest Version (.zip)- clients.tsx
- footer.tsx
- heroes.tsx
- index.ts
- logo.tsx
- navbar.tsx
- pricing-card.tsx
- pricing.tsx
- layout.tsx
- page.tsx
- banner.tsx
- document-list.tsx
- index.ts
- item.tsx
- menu.tsx
- navbar.tsx
- publish.tsx
- sidebar.tsx
- title.tsx
- trash-box.tsx
- user-box.tsx
- page.tsx
- page.tsx
- layout.tsx
- route.ts
- route.ts
- route.ts
- page.tsx
- layout.tsx
- error.tsx
- globals.css
- layout.tsx
- confirm-modal.tsx
- cover-image-modal.tsx
- settings-modal.tsx
- convex-provider.tsx
- modal-provider.tsx
- theme-provider.tsx
- cover.tsx
- editor.tsx
- icon-picker.tsx
- mode-toggle.tsx
- search-command.tsx
- single-image-dropzone.tsx
- toolbar.tsx
- alert-dialog.tsx
- avatar.tsx
- button.tsx
- command.tsx
- dialog.tsx
- dropdown-menu.tsx
- input.tsx
- label.tsx
- loader.tsx
- popover.tsx
- progress.tsx
- skeleton.tsx
- api.d.ts
- api.js
- dataModel.d.ts
- server.d.ts
- server.js
- auth.config.js
- document.ts
- README.md
- schema.ts
- tsconfig.json
- use-cover-image.ts
- use-scrolled.ts
- use-search.ts
- use-settings.ts
- use-subscription.ts
- edgestore.ts
- fetcher.ts
- stripe.ts
- utils.ts
- 1.svg
- 10.svg
- 11.svg
- 12.svg
- 13.svg
- 14.svg
- 2.svg
- 3.svg
- 4.svg
- 5.svg
- 6.svg
- 7.svg
- 8.svg
- 9.svg
- 1.svg
- 2.svg
- 3.svg
- 4.svg
- 5.svg
- error-dark.svg
- error.svg
- logo-dark.svg
- logo.svg
- men-dark.svg
- men.svg
- note-dark.svg
- note.svg
- index.d.ts
- .eslintrc.json
- .gitignore
- components.json
- next.config.js
- package-lock.json
- package.json
- postcss.config.js
- README.md
- tailwind.config.ts
- tsconfig.json
# Installation Guide
1. Get the code
git clone https://github.com/samarbadriddin0v/notion-clone
Downloads the entire project code from GitHub to your computer.
cd notion-clone
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm i & yarn install
Downloads and installs the libraries listed in package.json.
npm run dev
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
