Modern React Template

AbpReact

A modern, high-performance React-based frontend solution for ABP Framework applications. Built with Next.js, TypeScript, and Tailwind CSS for optimal performance and developer experience.

AbpReact Dashboard

Everything you need to build modern web apps

AbpReact provides a complete foundation for building enterprise-grade React applications with ABP Framework integration, modern tooling, and beautiful UI components.

UI Components
Comprehensive set of reusable components built with shadcn/ui
  • Buttons, forms, and navigation
  • Data tables and charts
  • Modals and overlays
Visual Builder
Puck CMS integration for visual content editing
  • Drag-and-drop interface
  • Content blocks and layouts
  • Real-time preview
Enterprise Security
Full ABP authentication and authorization integration
  • JWT-based authentication
  • Role-based access control
  • Multi-tenant support
Modern Stack
Built with the latest technologies for optimal performance
  • Next.js 14+ with App Router
  • TypeScript for type safety
  • Tailwind CSS for styling
ABP Integration
Seamless integration with ABP Framework backend
  • Auto-generated API client
  • Permission management
  • Multi-tenancy support
Ready to Deploy
Production-ready with optimized build and deployment
  • Optimized bundle size
  • SEO optimized
  • Docker support

Get Started in Minutes

Follow these simple steps to create your first AbpReact application

1

Install Template

Install the ABP React template using dotnet CLI

dotnet new install Anto.Abp.React.Template
2

Create Project

Generate a new project with your API configuration

dotnet new abp-react -o my-app --apiUrl https://your-api-url.com
3

Start Development

Run the development server and start building

cd my-app && pnpm dev

Ready to build something amazing?

Start exploring the components, check out the documentation, or dive into the admin panel to see what AbpReact can do for you.