NEXTJS 13 App Dir ToDoist Clone

About

To learn nextjs 13 app dir by creating a todoist clone

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Note: Using storybook with componenets from the nextjs 13 app dir requires addational configuration found above.

Name		Name	Last commit message	Last commit date
Latest commit History 13 Commits
.storybook		.storybook
.vscode		.vscode
__tests__		__tests__
prisma		prisma
src		src
types		types
.env.example		.env.example
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc.json		.prettierrc.json
README.md		README.md
jest.config.mjs		jest.config.mjs
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json