Skip to content

obenchkroune/laravel-react-shadcn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

39 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Laravel + React + TypeScript + shadcn/ui Starter Template

Laravel React TypeScript License

A modern, production-ready full-stack web application starter template combining Laravel's robust backend with React's powerful frontend capabilities, enhanced with TypeScript and beautiful shadcn/ui components.

🌟 Features

  • Backend Excellence

    • 🎯 Laravel 11.x with modern PHP 8.3+ features
    • πŸ”’ Built-in authentication system via Laravel Breeze
    • πŸš€ RESTful API support with structured responses
    • πŸ“ Comprehensive database migrations and seeders
  • Frontend Power

    • βš›οΈ React 18 with TypeScript for type-safe development
    • 🎨 Pre-configured shadcn/ui components
    • πŸ”„ Seamless SPA experience with Inertia.js
    • 🎭 Lightning-fast HMR with Vite
    • 🎯 Responsive layouts with Tailwind CSS

πŸš€ Prerequisites

  • PHP 8.2 or higher
  • Node.js 18 or higher
  • Composer 2.x
  • MySQL 8.0+ or PostgreSQL 13+

βš™οΈ Installation

  1. Clone the repository:
git clone https://github.com/obenchkroune/laravel-shadcn-starter
cd laravel-shadcn-starter
  1. Run the setup script:
chmod +x setup.sh
./setup.sh

πŸ”§ Development

Start the development server:

composer run-script dev

πŸ“œ Available Scripts

  • npm run build - Build for production
  • composer run-script dev - Start Laravel + Vite development server in addition to the typescript types generator

Typescript types generation

  • generate typescript types for
    • Laravel Models
    • PHP enums app/Enums/**/*.php
    • Routes name and parameters types route()
    • Form Requests app/Http/Requests

🀝 Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

πŸ› Troubleshooting

If you encounter any issues, please check the following:

  • Ensure all prerequisites are installed and versions are correct.
  • Check the .env file for correct configuration.
  • Review the Laravel and React documentation for common issues.

πŸ› οΈ Tech Stack

πŸ“„ License

MIT

About

πŸš€ Laravel + Shadcn = Awesome! This starter kit combines Laravel 11, Shadcn components, React, and TypeScript to jumpstart your web app development with modern, responsive designs.

Resources

Stars

Watchers

Forks

Contributors

Languages