sk/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

auth0 v2 uses pages router not app router. building correctly now

Browse source
This commit is contained in:
Genuinely 2025-03-24 15:40:14 -07:00
parent 39c8eef888
commit e7ff02f1b8
6 changed files with 1519 additions and 1182 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docker-compose.yaml
View file

@ -14,6 +14,8 @@ services:
build: build:
context: . context: .
dockerfile: app.dockerfile dockerfile: app.dockerfile
env_file:
- .env # env variables for auth0
environment: environment:
- SEARXNG_API_URL=http://searxng:8080 - SEARXNG_API_URL=http://searxng:8080
ports: ports:

5
notes.md
View file

@ -1,2 +1,5 @@
### Adding auth0 ### Adding auth0
use `yard add` for new packages and the packages will be updated automatically * use `yard add` for new packages and the packages will be updated automatically
* auth-secret generate with `openssl rand -hex 32`
* need to no-cache if updating packages...don't need to remove `--frozen-lockfile` can be handled with `yarn`
* version 2 is using

2
package.json
View file

@ -12,7 +12,7 @@
"db:push": "drizzle-kit push" "db:push": "drizzle-kit push"
}, },
"dependencies": { "dependencies": {
"@auth0/nextjs-auth0": "^4.2.1", "@auth0/nextjs-auth0": "^2",
"@headlessui/react": "^2.2.0", "@headlessui/react": "^2.2.0",
"@iarna/toml": "^2.2.5", "@iarna/toml": "^2.2.5",
"@icons-pack/react-simple-icons": "^12.3.0", "@icons-pack/react-simple-icons": "^12.3.0",

4
src/app/api/auth/[...auth].ts Normal file
View file

@ -0,0 +1,4 @@
// pages/api/auth/[...auth0].ts
import { handleAuth } from '@auth0/nextjs-auth0';
export default handleAuth();

27
src/app/layout.tsx
View file

@ -5,6 +5,7 @@ import { cn } from '@/lib/utils';
import Sidebar from '@/components/Sidebar'; import Sidebar from '@/components/Sidebar';
import { Toaster } from 'sonner'; import { Toaster } from 'sonner';
import ThemeProvider from '@/components/theme/Provider'; import ThemeProvider from '@/components/theme/Provider';
import { UserProvider } from '@auth0/nextjs-auth0/client'; // ✅ Auth0 wrapper
const montserrat = Montserrat({ const montserrat = Montserrat({
weight: ['300', '400', '500', '700'], weight: ['300', '400', '500', '700'],
@ -27,18 +28,20 @@ export default function RootLayout({
return ( return (
<html className="h-full" lang="en" suppressHydrationWarning> <html className="h-full" lang="en" suppressHydrationWarning>
<body className={cn('h-full', montserrat.className)}> <body className={cn('h-full', montserrat.className)}>
<ThemeProvider> <UserProvider> {/* ✅ Wrap app in Auth0 context */}
<Sidebar>{children}</Sidebar> <ThemeProvider>
<Toaster <Sidebar>{children}</Sidebar>
toastOptions={{ <Toaster
unstyled: true, toastOptions={{
classNames: { unstyled: true,
toast: classNames: {
'bg-light-primary dark:bg-dark-secondary dark:text-white/70 text-black-70 rounded-lg p-4 flex flex-row items-center space-x-2', toast:
}, 'bg-light-primary dark:bg-dark-secondary dark:text-white/70 text-black-70 rounded-lg p-4 flex flex-row items-center space-x-2',
}} },
/> }}
</ThemeProvider> />
</ThemeProvider>
</UserProvider>
</body> </body>
</html> </html>
); );

2659
yarn.lock
View file

File diff suppressed because it is too large Load diff