laravel-shadcn Tailwind Templates

Laravel Shadcn

A ready-to-use boilerplate for building Laravel applications with a React and TypeScript frontend, powered by Shadcn components, Inertia.js, and Tailwind CSS. Accelerate your development process with pre-configured components and a streamlined workflow.

Laravel Logo Laravel Logo

Laravel Shadcn Starter Kit

A ready-to-use template for building modern Laravel applications with the power of Shadcn.

Introduction

This starter kit provides a solid foundation for your next Laravel project, combining the power of Laravel with a React and TypeScript frontend. It's designed to streamline your development process and help you create robust and scalable web applications.

Key Features

  • Laravel 10: Built on the latest stable version of Laravel for optimal performance and security.
  • Shadcn Components: Leveraging the extensive collection of UI components from Shadcn for a modern and responsive design.
  • Tailwind CSS: Powered by Tailwind CSS for flexible and customizable styling.
  • React and TypeScript: Utilizing React and TypeScript for a component-based and type-safe frontend.
  • Inertia.js: Seamlessly integrated with Inertia.js for server-side rendering and client-side interactivity.
  • Optimized Development Environment: Includes essential tools and configurations for a smooth development experience.

Getting Started

  1. Clone the Repository:
    git clone https://github.com/dulatif/laravel-shadcn-starter.git laravel-shadcn
    
  2. Install Dependencies:
    cd laravel-shadcn
    composer install
    npm install
    
  3. Set Up Environment Variables: Create a .env file by copying the .env.example file and replace the placeholders with your actual values.
  4. Run the Development Server:
    npm run dev
    
  5. Access the Application: Visit http://localhost:3000 in your web browser.

Usage

  • Tailwind CSS: Use Tailwind's utility classes to style your components.
  • Inertia.js: Create Inertia components and render them from your Laravel controllers.
  • React and TypeScript: Develop your frontend components using React and TypeScript.
  • Shadcn Components: Incorporate Shadcn components into your React application.

Contributing

We welcome contributions to improve this starter kit. Feel free to submit pull requests or report issues.

License

This project is licensed under the MIT License.

Top categories

Loading Svelte Themes