vercel / nextjs-postgres-nextauth-tailwindcss-template Goto Github PK
View Code? Open in Web Editor NEWAdmin dashboard template.
Home Page: https://next-admin-dash.vercel.app/
License: MIT License
Admin dashboard template.
Home Page: https://next-admin-dash.vercel.app/
License: MIT License
Is it possible to add other providers than just GitHub?
While trying to install nextjs & react in the project, so I can then run npm run dev
, I get the following error:
~/nextjs-planetscale-nextauth-tailwindcss-template main > npm install next react react-dom
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/next
npm ERR! next@"13.2.2-canary.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer next@"^12.2.5 || ^13" from [email protected]
npm ERR! node_modules/next-auth
npm ERR! next-auth@"^4.19.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! /Users/joaqo/.npm/_logs/2023-03-12T16_11_16_596Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/joaqo/.npm/_logs/2023-03-12T16_11_16_596Z-debug-0.log
~/nextjs-planetscale-nextauth-tailwindcss-template main >
I am a js newb so this is probably my fault somehow. I am running a fresh install of node v18.15.0 (apart from npm install -g typescript-language-server typescript pyright
).
Route: 'Playground'
Looks like the grid component in the newest version of tremor breaks the page if you don't specify 'use client'
"@tremor/react": "^3.0.1",
Could you add a protected route and page example?
Hello! I'm having some errors with the login process.
I cloned the repo, set up the database and updated .env
file.
If I use the correct user/password I have in the database, the app works as expected.
If I use an incorrect user or incorrect password, the app crashes:
Unhandled Runtime Error
Error: Read more at https://errors.authjs.dev#credentialssignin
Source
app/login/page.tsx (19:13) @ async $$ACTION_0
17 | action={async (formData: FormData) => {
18 | 'use server';
> 19 | await signIn('credentials', {
...
IDK how helpful this can be, but just in case:
$ node -v
v20.11.1
I am currently trying to use the Admin Dashboard Template template on Next.js, but I don't know where to get the environment variables. When I click Learn More (see image below) it takes me to this file, which doesn't exist anymore: https://github.com/vercel/nextjs-postgres-nextauth-tailwindcss-template/blob/main/.env.local.example.
Thank you.
I tried signing in and get an HTTP GET not supported by NextAuth.js
error
Hi,
ive cloned and deployed the repo via vercel and it does not start.
I assume, that i need to put some information in the .env file.
(and update nextjs to a stable version?)
However a small readme would be nice.
The project seems like a nice starter - but is not usable for me
I clone the project and run pnpm i
& pnpm dev
show the following error. I try to find the solution but still failed.
Win11 system.
Node 20/ Node 22 both fail
(base) PS D:\Projects\githubhub\nextjs-pg-nextauth-demo> pnpm dev
> @ dev D:\Projects\githubhub\nextjs-pg-nextauth-demo
> next dev --turbo
⚠ Port 3000 is in use, trying 3001 instead.
▲ Next.js 14.2.1 (turbo)
- Local: http://localhost:3001
- Environments: .env
✓ Starting...
✓ Compiled in 240ms
✓ Ready in 2.1s
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
[auth][error] UnknownAction: Cannot parse action at /session .Read more at https://errors.authjs.dev#unknownaction
at parseActionAndProviderId (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:839:27)
at toInternalRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:784:40)
at Auth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\9b3ba_@auth_core_83ff25._.js:4866:270)
at getSession (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3146:236)
at handleAuth (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3258:35)
at Object.handler (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\node_modules__pnpm_10a95f._.js:3229:20)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5086:31
at AsyncLocalStorage.run (node:async_hooks:346:14)
at Object.wrap (D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:4628:24)
at D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\server\edge\chunks\ssr\_bdf703._.js:5073:355
○ Compiling / ...
✓ Compiled / in 1931ms
⨯ ModuleBuildError: ./app/globals.css
Error evaluating Node.js code
Error: Failed to load external module D:\Projects\githubhub\nextjs-pg-nextauth-demo/./postcss.config.js: Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'd:'
at externalImport (/turbopack/[turbopack]/shared-node/base-externals-utils.ts:16:11) [D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\chunks\[output]__next_transform_ad1f0f.js:1345:15]
[at process.processTicksAndRejections (node:internal/process/task_queues:95:5)]
at async (postcss.config.js_.loader.mjs:3:13) [D:\Projects\githubhub\nextjs-pg-nextauth-demo\.next\chunks\_0b8f1c._.js:11:13]
at processIssues (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\dev\turbopack-utils.js:229:15)
at handleRouteType (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\dev\turbopack-utils.js:386:17)
at async Object.ensurePage (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\dev\hot-reloader-turbopack.js:644:17)
at async DevBundlerService.ensurePage (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\lib\dev-bundler-service.js:18:20)
at async DevServer.ensurePage (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\dev\next-dev-server.js:551:9)
at async Object.ensure (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\dev\next-dev-server.js:169:17)
at async DevRouteMatcherManager.matchAll (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\future\route-matcher-managers\dev-route-matcher-manager.js:96:13)
at async DevRouteMatcherManager.match (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\future\route-matcher-managers\default-route-matcher-manager.js:155:26)
at async NextNodeServer.handleCatchallRenderRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\next-server.js:228:31)
at async DevServer.handleRequestImpl (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\base-server.js:811:17)
at async D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\dev\next-dev-server.js:339:20
at async Span.traceAsyncFn (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\trace\trace.js:154:20)
at async DevServer.handleRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\dev\next-dev-server.js:336:24)
at async invokeRender (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\lib\router-server.js:174:21)
at async handleRequest (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\lib\router-server.js:353:24)
at async requestHandlerImpl (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\lib\router-server.js:377:13)
at async Server.requestListener (D:\Projects\githubhub\nextjs-pg-nextauth-demo\node_modules\.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\lib\start-server.js:141:13)
○ Compiling /_error ...
✓ Compiled /_error in 502ms
GET / 500 in 2717ms
GET / 500 in 2711ms
✓ Compiled /favicon.ico in 56ms
GET /favicon.ico 500 in 89ms
After following the README instructions and trying to run the template in Web Storm with pnpm dev
and with Planet Scale details in .env.local
it's throwing:
▲ Next.js 13.5.5-canary.2
- Local: http://localhost:3000
- Environments: .env.local
✓ Ready in 3.7s
○ Compiling /page ...
✓ Compiled /page in 8.8s (1196 modules)
⨯ Internal error: TypeError: fetch failed
at Object.fetch (node:internal/deps/undici/undici:11457:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
⨯ Internal error: TypeError: fetch failed
at Object.fetch (node:internal/deps/undici/undici:11457:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
digest: "2026204822"
✓ Compiled /favicon.ico/route in 2.8s (865 modules)
This seems very similar to #5 however,
I had already manually created the database and test row. I had also populated .env.local and followed all other instructions in the README.
I tried downgrading next to 13.2.4 from 13.5.5. as mentioned in the prior Issue, but it did not resolve the problem
Browser console:
Uncaught Error: fetch failed
5 [react-server-dom-webpack-client.browser.development.js:1679](webpack://_N_E/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js?945e)
resolveErrorDev react-server-dom-webpack-client.browser.development.js:1679
processFullRow react-server-dom-webpack-client.browser.development.js:1734
processBinaryChunk react-server-dom-webpack-client.browser.development.js:1862
progress react-server-dom-webpack-client.browser.development.js:1941
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
progress react-server-dom-webpack-client.browser.development.js:1942
(Async: promise callback)
startReadingFromStream react-server-dom-webpack-client.browser.development.js:1949
createFromReadableStream react-server-dom-webpack-client.browser.development.js:1954
useInitialServerResponse app-index.js:116
ServerRoot app-index.js:127
renderWithHooks react-dom.development.js:10730
mountIndeterminateComponent react-dom.development.js:15768
beginWork$1 react-dom.development.js:17352
beginWork react-dom.development.js:25701
performUnitOfWork react-dom.development.js:24552
workLoopConcurrent react-dom.development.js:24538
renderRootConcurrent react-dom.development.js:24494
performConcurrentWorkOnRoot react-dom.development.js:23358
workLoop scheduler.development.js:261
flushWork scheduler.development.js:230
performWorkUntilDeadline scheduler.development.js:534
(Async: EventHandlerNonNull)
<anonymous> scheduler.development.js:569
<anonymous> scheduler.development.js:630
NextJS 4
<anonymous> index.js:6
NextJS 4
<anonymous> react-dom.development.js:27
<anonymous> react-dom.development.js:36891
16:30:11.393
The above error occurred in the <NotFoundErrorBoundary> component:
NotFoundErrorBoundary@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:54:9
NotFoundBoundary@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/not-found-boundary.js:62:62
DevRootNotFoundBoundary@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/dev-root-not-found-boundary.js:32:24
ReactDevOverlay@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:66:9
HotReload@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:294:37
Router@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/app-router.js:157:93
ErrorBoundaryHandler@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:82:9
ErrorBoundary@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/error-boundary.js:110:53
AppRouter@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/components/app-router.js:440:47
ServerRoot@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/app-index.js:126:24
RSCComponent
Root@webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/client/app-index.js:142:24
React will try to recreate this component tree from scratch using the error boundary you provided, ReactDevOverlay.
I have this issue both locally and on Vercel. I noticed on Vercel some part of the error mentioning SSL versions.
I made my own isolated test version of page.tsx which uses Planet Scale.
Long story short...
{
cause: [Error: 8046A44AF87F0000:error:0A00010B:SSL routines:ssl3_get_record:wrong version number:../deps/openssl/openssl/ssl/record/ssl3_record.c:355:
] {
library: 'SSL routines',
reason: 'wrong version number',
code: 'ERR_SSL_WRONG_VERSION_NUMBER'
}
}
Node.js v18.16.0
So... it's SSL related? I tried changing mysql
to mysqls
in the DATABASE_URL but no luck. However, I can use mysql on a terminal to connect to Planet Scale with my DATABASE_URL.
In that test file if I use mysql2 instead then it works:
const mysql = require('mysql2/promise');
async function testConnection() {
const connection = await mysql.createConnection({
host: 'aws.connect.psdb.cloud',
user: 'myusername',
database: 'mydb',
password: 'your-password-here',
ssl: {
// Do not do this in production!!!
// Or if you do, be sure to add your own value to checkServerIdentity to check the server's cert against.
rejectUnauthorized: false
}
});
try {
const [rows, fields] = await connection.execute('SELECT * FROM `users`');
console.log(rows);
} catch (error) {
console.error('Error executing query:', error);
} finally {
await connection.end();
}
}
testConnection();
yielding:
[ { id: 1, email: '[email protected]', name: 'Me', username: 'username' } ]
There is no prompt to create a new database during deployment.
These are the actions that need to be done to have a working deployment + local development:
Homepage URL
and the Authorization callback URL
are set correctly (not sure what is correctly setting it to the deployment URL also navigates there when logging in on a local env.).env.local.example
to .env.local
and copy all the env variables to it from the project settings page on Vercel (https://vercel.com/[USER_NAME]/admin-dashboard-tailwind-postgres-react-nextjs/settings/environment-variables
).pnpm install
+ pnpm dev
I guess that for many devs, most of it is obvious and doesn't require explanation, but for people (like myself) that take their first step with NextJS/Oauth/Postgres, these details instructions could be helpful to make this awsome template more reachable.
I don't mind opening a PR to update the README file.
Dash
Playing with the up and struggling to make it work on my local mac, would be cool if there would be any docs for that
Looks like you deleted the example .env
file in 5399727
When deploying app, all seems to be working. When I then sign in with Github, i get this error:
404: NOT_FOUND
Code: DEPLOYMENT_NOT_FOUND
ID: arn1::7b9cd-1702853365073-ff67a4ed498d
Can someone please help!
Digest: 2721087
`[Error] Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
(anonymous function) (159-0e028925908dd0d6.js:1:3426)
ln (c93363e4-1a27167c75e65095.js:9:51367)
(anonymous function) (c93363e4-1a27167c75e65095.js:9:51720)
nf (c93363e4-1a27167c75e65095.js:9:27872)
nd (c93363e4-1a27167c75e65095.js:9:27965)
av (c93363e4-1a27167c75e65095.js:9:68621)
ak (c93363e4-1a27167c75e65095.js:9:69271)
aD (c93363e4-1a27167c75e65095.js:9:79905)
ak (c93363e4-1a27167c75e65095.js:9:68946)
aD (c93363e4-1a27167c75e65095.js:9:79905)
ak (c93363e4-1a27167c75e65095.js:9:68946)
aD (c93363e4-1a27167c75e65095.js:9:79905)
ak (c93363e4-1a27167c75e65095.js:9:68946)
aD (c93363e4-1a27167c75e65095.js:9:79905)
ak (c93363e4-1a27167c75e65095.js:9:68946)
aD (c93363e4-1a27167c75e65095.js:9:79905)
ak (c93363e4-1a27167c75e65095.js:9:68946)
aD (c93363e4-1a27167c75e65095.js:9:79905)
ak (c93363e4-1a27167c75e65095.js:9:69619)
aD (c93363e4-1a27167c75e65095.js:9:79905)
ak (c93363e4-1a27167c75e65095.js:9:69315)
(anonymous function) (c93363e4-1a27167c75e65095.js:9:102685)
oU (c93363e4-1a27167c75e65095.js:9:103213)
oE (c93363e4-1a27167c75e65095.js:9:88288)
ok (c93363e4-1a27167c75e65095.js:9:87462)
ok
E (159-0e028925908dd0d6.js:25:1400)
C (159-0e028925908dd0d6.js:25:1953)`
This is off of a clean deployment from Vercel's dashboard and all env are in place.
I encountered the following error when deploying my Next.js website to Vercel:
Type error: Type '{ children: string; onClick: () => Promise<undefined>; className: string; }' is not assignable to type 'IntrinsicAttributes & CleanProps<"button", ButtonPropsWeControl> & OurProps<"button", ButtonRenderPropArg> & { ...; } & { ...; }'.
Property 'onClick' does not exist on type 'IntrinsicAttributes & CleanProps<"button", ButtonPropsWeControl> & OurProps<"button", ButtonRenderPropArg> & { ...; } & { ...; }'.
...
The error seems to be related to a type mismatch between the props passed to a component and the types expected by the component. Specifically, the error indicates that the onClick property does not exist on the Disclosure.Button component
Any guidance on how to resolve this issue would be greatly appreciated. Thank you
when i clone the repo and do pnpm i
and then pnpm dev
i'll get this:
event - compiled client and server successfully in 570 ms (2663 modules)
warn - Fast Refresh had to perform a full reload due to a runtime error.
[next-auth][warn][EXPERIMENTAL_API]
`getServerSession` is used in a React Server Component.
https://next-auth.js.org/configuration/nextjs#getServerSession}
https://next-auth.js.org/warnings#EXPERIMENTAL_API
[next-auth][warn][NEXTAUTH_URL]
https://next-auth.js.org/warnings#nextauth_url
[next-auth][warn][NO_SECRET]
https://next-auth.js.org/warnings#no_secret
error - TypeError: fetch failed
error - TypeError: fetch failed
digest: "2809600469"
on render...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.