Get Started with GateUI
Prerequisites
- Next.js 14+ with App Router (app folder)
- TypeScript
- An existing Next.js project
If you haven't installed Next.js yet, follow the Next.js installation guide.
Installation
- Open your terminal
- Navigate to your project folder
- Run the following command:
jsnpx @gateui/cli init
What Happens Next
- GateUI will ask if Supabase is configured
- If Supabase isn't set up, the installer will set it up for you in ./src/lib/supabase/. You need to set the environment variables (3rd step) and hook up the created middleware (4th step only next.js middleware)
- If Supabase & Supabase auth middleware is set up, you only need to enter the location of the clients in gateui.json
- A gateui.json file will be created with your configuration
Next Steps: Authentication Setup
Learn how to add authentication to your app using GateUI components.
Authentication GuideNeed Help?
If you encounter any issues, please open an issue on my GitHub repository. I'll respond as soon as possible.