NextJS Tutorial and Exercises

This is the first tutorial I've done with NextJS and Mantine UI. I've been wanting to learn it for a while now, and I'm glad I finally did. I'm going to be using this repo to store my notes and exercises from the tutorial.

Installation

To install this project, you'll need to have NextJs installed.

yarn create next-app --typescript

Now you need to Install Mantine UI. You can do that by running the following command in your terminal:

yarn add @mantine/core @mantine/hooks @mantine/form @mantine/dates dayjs @mantine/notifications @mantine/prism @mantine/tiptap @tabler/icons @tiptap/react @tiptap/extension-link @tiptap/starter-kit @mantine/dropzone @mantine/carousel embla-carousel-react @mantine/spotlight @mantine/modals @mantine/nprogress @mantine/next @emotion/server @emotion/react

OR

Clone the project

First clone this project to your local machine. Then run the following command in your terminal:

git clone https://github.com/madhavdutta/tutorials.git

Then run the following command in your terminal:

cd tutorials

Now you can run the following command in your terminal to start the project:

yarn or npm install

You are now ready to start the project.

npm run dev
# or
yarn dev
# or
pnpm dev

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

Check https://madhavdutta.com for more tutorials.