Remix Spa Shadcn Dashboard Sample

Develop Remix SPA Admin Dashboards with Shadcn-UI

This starter template provides a foundation for building single-page applications using Remix in SPA mode, integrated with the popular Shadcn-UI component library. It leverages the Remix Vite Plugin and Client Data for efficient data handling, offering a streamlined setup for developing modern admin dashboards with a focus on user experience and developer productivity.

Features:

• Remix SPA Mode: Leverages Remix's Single-Page Application mode for client-side rendering and routing.
• Vite Plugin Integration: Utilizes the Remix Vite Plugin for an enhanced and fast development experience and optimized production builds.
• Client Data Handling: Employs Remix Client Data strategies for all data loading and mutation operations within the SPA.
• Shadcn-UI Integration: Comes pre-configured with the Shadcn-UI component library, built upon Tailwind CSS and Radix UI, for a modern user interface.
• Admin Dashboard Focus: Specifically structured as a starter template for building administrative dashboards.
• Standard Development Workflow: Enables application development using familiar commands like npm run dev.
• Production Build Optimization: Generates optimized static assets and an index.html file for SPA deployment via npm run build.
• Local Production Preview: Supports previewing the production build locally using vite preview before deployment.
• Flexible Deployment Options: Designed for deployment on any HTTP server that supports SPA fallback mechanisms (serving index.html for various paths).
• Sample Authentication API Examples: Includes demonstrations for Login, Sign Out, Session Check (Refresh Token), and Get Permissions functionalities.
• Sample Password Management API Example: Provides a sample endpoint for Changing User Passwords.
• Sample Code Verification API Example: Includes a demonstration for Verifying Codes (e.g., for 2FA or password reset).
• Sample Product CRUD API Examples: Demonstrates GET (find by ID, find all with pagination), POST (create), PUT (update), and DELETE operations for a 'products' resource.
• GitHub Actions CI/CD: Features a GitHub Actions workflow for automated deployment, exemplified by a 'Deploy to GitHub Pages' badge.

Summary:

This template accelerates the development of admin dashboards by combining Remix's SPA capabilities with the Vite plugin and Shadcn-UI. It offers a comprehensive setup for development, production builds, and deployment, along with sample API integrations for common functionalities like authentication and product management. It's an ideal starting point for developers looking to quickly bootstrap a feature-rich, modern single-page application.