https://github.com/dulatif/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.
https://github.com/dulatif/laravel-shadcn

laravel shadcn-ui starter-kit tailwind template typescript

Last synced: 10 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/dulatif/laravel-shadcn
• Owner: DuLatif
• Created: 2024-10-22T08:04:22.000Z (17 days ago)
• Default Branch: main
• Last Pushed: 2024-10-22T08:15:43.000Z (17 days ago)
• Last Synced: 2024-10-23T11:48:43.731Z (16 days ago)
• Topics: laravel, shadcn-ui, starter-kit, tailwind, template, typescript
• Language: TypeScript
• Homepage:
• Size: 230 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        






# 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:**

    ```bash

    git clone https://github.com/dulatif/laravel-shadcn-starter.git laravel-shadcn

    ```

2.  **Install Dependencies:**

    ```bash

    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:**

    ```bash

    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](https://www.google.com/url?sa=E&source=gmail&q=https://opensource.org/licenses/MIT).