https://github.com/davidde/dashboard_nextjs
Official next.js dashboard app tutorial
https://github.com/davidde/dashboard_nextjs
dashboard nextjs react
Last synced: about 2 months ago
JSON representation
Official next.js dashboard app tutorial
- Host: GitHub
- URL: https://github.com/davidde/dashboard_nextjs
- Owner: davidde
- Created: 2024-08-20T12:58:32.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-28T13:36:46.000Z (almost 2 years ago)
- Last Synced: 2025-05-24T06:37:11.235Z (about 1 year ago)
- Topics: dashboard, nextjs, react
- Language: TypeScript
- Homepage: https://dashboard-nextjs-two-zeta.vercel.app/
- Size: 974 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Next.js App Router Course - Starter
This is the starter template for the Next.js App Router Course. It contains the starting code for the dashboard application.
For more information, see the [course curriculum](https://nextjs.org/learn/dashboard-app) on the Next.js Website.
### Note on Authentication Environment Variables in Chapter 15
* The `AUTH_SECRET` environment variable should be `NEXTAUTH_SECRET`.
Generate it with `openssl rand -base64 32`, and add it on `vercel.com` in `Project Settings > Environment Variables`.
Afterwards, redeploy the project to activate it.
For development, add it in the `.env` file:
```
NEXTAUTH_SECRET=LFl+yQ7JSSwnr+CnKr13vVerDhuL5e/Nrr3hq8L4OUE=
```
Make sure `.env` is in `.gitignore`, so it is not uploaded to Github!
* The `AUTH_URL` environment variable should be `NEXTAUTH_URL`.
It is not required when `Automatically expose System Environment Variables` is checked on `vercel.com` in `Project Settings > Environment Variables`, which is the default! Neither is it required in development.
#### Test authentication credentials
* Email: user@nextmail.com
* Password: 123456
### Running the project locally
* Clone this repo, and cd into it in your terminal:
```
git clone https://github.com/davidde/dashboard_nextjs.git
cd dashboard_nextjs
```
* (If you don't have pnpm installed, you can install it globally by running:)
```
npm install -g pnpm
```
This same command is used to update pnpm.
(pnpm itself will tell you to update with `pnpm add -g pnpm`, but this will not work when pnpm is installed with npm, so just update with npm.)
* Run `pnpm i` to install the project's packages:
```
pnpm i
```
* Then run `pnpm dev` to start the development server:
```
pnpm dev
```
`pnpm dev` starts the Next.js development server on port 3000, so open http://localhost:3000 in the browser.