https://github.com/antinmaze/nextjs-supabase-auth-starterkit

🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template
https://github.com/antinmaze/nextjs-supabase-auth-starterkit

cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest

Last synced: 8 days ago
JSON representation

🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template

• Host: GitHub
• URL: https://github.com/antinmaze/nextjs-supabase-auth-starterkit
• Owner: antinmaze
• License: mit
• Created: 2024-05-30T22:14:38.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-05T22:15:58.000Z (3 months ago)
• Last Synced: 2024-10-12T00:21:53.629Z (about 1 month ago)
• Topics: cypress, google-authentication, nextjs, nextjs14, oidc, postcss, supabase, supabase-auth, tailwindcss, typescript, vitest
• Language: TypeScript
• Homepage: https://nextjs-supabase-auth-starterkit.vercel.app
• Size: 1.23 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nextjs-supabase-auth-starterkit

🔥 Next.js 14 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template

https://github.com/NextJSTemplates/startup-nextjs

Features

    - Supabase Authentification: Login/Password SignUp, Signin & Sign Out using Supabase.auth

    - Proof Key for Code Exchange (PKCE)

    - Authentification Error Management (using the handlesubmit and api mechanisms) 

    - Responsive Navbar using the NextJSTemplates Next.js Tailwind Startup Template including Dark mode

    - Managing Forgot/Recover Password

    - Adding of some 2E2 Tests on Signin & SignUp using Cypress

    - OIDC Authentification Using Google on client side on SignUp & on SignIn

App Architecture

    Nextjs

    React

    TypeScript

    Supabase

    TailwindCSS

    NextJSTemplates Template

    Postcss

    Prettier

    Vitest

    Cypress

    

Backlog

    Supabase Refresh Token (Keep me sign in)

    Implementing the user Profile dedicated page

    Implementing the restricted access dashboard page 

Deployment

    This is a simple Next.js project run with npm.

    First, you need to declare Supabase Environment Variables by creating a .env.local file containing the following variables.

    Populate themn with your Supabase connection variables:

    

      NEXT_PUBLIC_SUPABASE_URL=

      NEXT_PUBLIC_SUPABASE_ANON_KEY=

    

    See the documentation for further details: https://supabase.com/docs/guides/getting-started/quickstarts/nextjs

    

    To run the project in a development environment, execute the following command: 

    npm run dev

    or ./dev.sh

    

License

    MIT