This is a Next.js project bootstrapped with create-next-app
.
Notes:
-
This project uses Clerk for authentication/authorization and user managemnt. To get this working locally, you'll need to create an account here.
-
The directions below assume you have LTS version of node.js installed on your machine.
-
In your terminal, run
git clone https://github.com/KylerJohnsonDev/next-todos.git
to clone this repo into your current directory -
Run
cd next-todos
to navigate into the project directory -
Run
npm install
to install the project dependencies -
Run
touch .env.local
to create a local config file and copy the contents of .env.local.example into it for now -
Go to your Clerk account and create a new project called "next-todos"
-
By default, Clerk will redirect you to a clerk account portal to login. For development, we want that to be local to our project. To do that, select the "Paths" link in the left side bar.
-
For the
<SignIn />
section, select the option that says, "Sign-in page on development host," and in the input below, type/sign-in
. -
For the
<SignUp />
section, select the option that says, "Sign-up page on development host," and in the input below, type/sign-up
. -
For the
<UserButton />
section, select the option that says, "Page on development host," and in the input below, type/sign-in
. -
Now, in the Clerk portal, select the "API Keys" link in the left side bar. At the top of the page, you'll see a code section containing two keys. Copy each of those keys and paste them into their corresponding environment variable in your
.env.local
file. -
Run
npm run dev
to run the dev server and navigate in to http://localhost:3000 in your browser to access the site.