Next Ory
An easy-to-use starting point to self-host Ory Kratos with Ory Hydra and Ory Keto, Next.js authentication UI and admin dashboard (work in progress) styled with TailwindCSS and shadcn/ui
Overview
The Ory stack project aims to simplify self-hosting for users looking to implement authentication solutions with ease. Though it's currently unmaintained, the initiative offers a solid foundation for developers interested in working with Ory Kratos for user identity management and Ory Hydra for OAuth2 handling. With a focus on customization and ease of use, this project is geared towards those who want a tailor-made authentication UI and an admin dashboard interface.
Designed using NextJS and Typescript, the UI components are built with modern styling technologies like shadcn/ui and TailwindCSS. This allows developers to create a visually appealing and functional environment for user authentication and administration while ensuring they have complete control over their deployment.
Features
-
Authentication UI: Fully functional and supports all self-service flows for both Ory Kratos and Ory Hydra, allowing users to manage their accounts seamlessly.
-
Customizable Interface: The UI is designed for easy styling and layout adjustments, making it simple for developers to tailor the appearance to match their branding needs.
-
Admin Dashboard: Currently in progress, this feature will help users manage their applications by providing an overview of their instances, user management, and more.
-
Docker Integration: Easy deployment via Docker Compose streamlines the setup process, letting you get started quickly without complex configurations.
-
Dark and Light Mode: The authentication UI supports both dark and light themes, improving user experience based on individual preferences.
-
Role-Based Access: The admin functions require appropriate permissions, ensuring security and control over who can manage user data and application settings.
-
SMTP Dashboard Integration: Verification codes for account creation can be easily accessed, enabling a smooth user onboarding process.
-
Community Forking: Since the project is unmaintained, developers are encouraged to fork and continue development, promoting collaboration and evolution of the tool within the community.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.