Skip to content

☄️ An easy-to-use starting point to self-host Ory Kratos with OAuth2 and OIDC, NextJS authentication UI and admin dashboard (work in progress) styled with TailwindCSS and shadcn/ui

Notifications You must be signed in to change notification settings

hadleyrich/next-ory

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Next-Ory

Get started with ORY authentication quickly and easily.

Warning

This project is work in progress. There is no guarantee that everything will work as it should and breaking changes in the future are possible.

The goal of this project is to create an easy-to-use setup to self-host Ory Kratos and Ory Hydra. It will contain an authentication UI, implementing all self-service flows for Ory Kratos and Ory Hydra, as well as an admin UI. All UI components are written in NextJS and Typescript, and styled using shadcn/ui and TailwindCSS.

Getting started

Start the backend services using Docker Compose:

cp /docker/ory-dev/.env.example /docker/ory-dev/.env
docker compose -f docker/ory-dev/docker-compose.yaml up -d

# optional to test consent flow
sh docker/ory-dev/hydra-test-consent.sh

Then start the authentication UI:

cd authentication
cp .env.example .env
bun install
bun run dev

Inside another terminal session we can start the dashboard UI:

cd dashboard
cp .env.example .env
bun install
bun run dev

Deployment

soon.

Authentication UI

The authentication UI is already implemented and working. It supports all self-service flows for Ory Kratos and Ory Hydra. It is implemented in a way, that customizing style and page layout is very easy.

A browser window showing the login page of the authentication UI in dark mode

A browser window showing the registration page of the authentication UI in light mode

A browser window showing the profile settings page of the authentication UI in dark mode

Admin Dashboard

Right now I am working on the admin dashboard for Ory Kratos. It will provide you with an overview of your instance and let you manage users, OAuth2 applications and more. It is work in progress and should not be used in anything important as it is not yet protected by Keto permissions but only by a valid Kratos session!

A browser window showing the home page of the dashboard UI in dark mode

A browser window showing the users page of the dashboard UI in dark mode

About

☄️ An easy-to-use starting point to self-host Ory Kratos with OAuth2 and OIDC, NextJS authentication UI and admin dashboard (work in progress) styled with TailwindCSS and shadcn/ui

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.0%
  • CSS 1.7%
  • Other 2.3%