React Templates & Themes Logo React Templates & Themes
Purple Admin UI screenshot

Purple Admin UI

Author Avatar Theme by Purpleio
Updated: 31 Jul 2023
478 Stars

Next.js와 Tailwind를 이용한 모-던 어드민 템플릿

Github Live Preview

Categories

Nextjs Tailwind Ant design Dashboard

Overview:

The Purple Admin UI is a popular library-based admin template developed using Next.js, Tailwind CSS, and Ant Design. It aims to provide an easy and fast way to develop back-office pages for anyone, including backend programmers who may find design work tedious. The template is still a work in progress, and feedback for improvements or reporting bugs is encouraged. It offers features like OAuth (Google/GitHub) and username/password login options, and it supports deployment with Vercel.

Features:

  • Next.js framework: Built on the Next.js framework, which is a React.js based framework developed by Vercel.
  • Auth.js: Provides authentication functionality and supports OAuth login with Google and GitHub, as well as traditional username and password login.
  • Vercel platform: Allows easy deployment of Next.js applications.
  • Tailwind CSS: Uses Tailwind CSS, a utility-first CSS framework, for styling and layout.
  • Ant Design: Offers a wide range of admin components and UI elements to support the development of admin pages.
  • Sample API server: Provides a sample API server with mock data for testing purposes.
  • Sample pages and components: Includes sample pages like dashboard, product list, product form, etc., along with their corresponding components.
  • Sample images: Offers a collection of sample images for demonstration purposes.

Installation:

To get started with the Purple Admin UI, follow these steps:

  1. Clone the source code or download it from the repository.
  2. Create a .env file by copying the .env.example file and adjusting the values as necessary. The .env file should contain variables like NEXTAUTH_URL, NEXTAUTH_SECRET, GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET, GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET, NEXT_PUBLIC_API_ENDPOINT, and NEXT_PUBLIC_CODENBUTTER_SITE_ID.
  3. If you want to test the project, you can deploy it using Vercel by clicking on the “Deploy” button and following the instructions.
  4. Alternatively, you can start the project by running the necessary commands and configuring it according to your needs.

Summary:

The Purple Admin UI is a versatile admin template built on Next.js, Tailwind CSS, and Ant Design. It offers a range of features and functionalities to help developers quickly and easily create back-office pages. With its sample pages and components, it provides a solid foundation for building admin interfaces. The template also supports authentication options and can be deployed using Vercel. While still a work in progress, the Purple Admin UI is a promising solution for developers looking to streamline their admin page development process.