Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ds-joe/laravel-react-template
if you are looking for a powerful and flexible Laravel React template with TypeScript, Sass, and Tailwind CSS support, then this is the template for you
https://github.com/ds-joe/laravel-react-template
css inerta inertiajs laravel mysql permissions php react sass sql tailwind template testing typescript
Last synced: 15 days ago
JSON representation
if you are looking for a powerful and flexible Laravel React template with TypeScript, Sass, and Tailwind CSS support, then this is the template for you
- Host: GitHub
- URL: https://github.com/ds-joe/laravel-react-template
- Owner: ds-joe
- Created: 2023-10-15T12:03:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-17T14:03:45.000Z (10 months ago)
- Last Synced: 2024-11-06T01:42:57.895Z (2 months ago)
- Topics: css, inerta, inertiajs, laravel, mysql, permissions, php, react, sass, sql, tailwind, template, testing, typescript
- Language: PHP
- Homepage:
- Size: 247 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laravel React Template
This Laravel React template is a great starting point for building modern, scalable web applications. It uses TypeScript for type safety, Sass for CSS pre-processing, and Tailwind CSS for utility-first CSS.
**The template is pre-configured with everything you need to get started, including:**
- A Laravel backend with a basic API
- A React frontend with a simple homepage
- TypeScript support for type safety
- Spatie for roles and permissions [Visit documentation](https://spatie.be/docs/laravel-permission/v5/introduction)
- Sass support for CSS pre-processing
- Tailwind CSS support for utility-first CSS
- Vitest support for valid ui to avoid any bugs**NOTES if you using any linux operation system please write those commands (TO AVOID ANY ERRORS)**
```shell
sudo apt-get install php8.2-dom
composer update
```**To use the template, simply clone the repository and run the following commands:**
```shell
composer install
npm install
npm start
```**Additional commands:**
```shell
# test react pages using typescript.
npm run test:ts# test react pages & components with vitest
npm run test
npm run test:coverage# build front end files.
npm run build
```**This template is perfect for building a wide variety of web applications, including:**
- E-commerce websites
- Social media platforms
- Content management systems
- SaaS applications
- And more!**Additional features and benefits:**
- Easy to use
- Scalable
- Secure
- Well-supportedIf you are looking for a complete and feature-rich Laravel React template with TypeScript, Sass, and Tailwind CSS support, then this is the template for you.