Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ds-joe/saas-multi-layout-laravel-template
a SaaS multi layouts template using laravel react inertia
https://github.com/ds-joe/saas-multi-layout-laravel-template
dashboard inertia javascript laravel mysql nodejs react redux redux-toolkit saas sass shadcn sql strip tailwind tailwindcss typescript vite
Last synced: 4 months ago
JSON representation
a SaaS multi layouts template using laravel react inertia
- Host: GitHub
- URL: https://github.com/ds-joe/saas-multi-layout-laravel-template
- Owner: ds-joe
- License: mit
- Created: 2024-08-16T00:53:48.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-27T16:17:40.000Z (4 months ago)
- Last Synced: 2024-09-27T19:22:38.891Z (4 months ago)
- Topics: dashboard, inertia, javascript, laravel, mysql, nodejs, react, redux, redux-toolkit, saas, sass, shadcn, sql, strip, tailwind, tailwindcss, typescript, vite
- Language: PHP
- Homepage:
- Size: 1.87 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Comprehensive SaaS Multi Layouts Template: Built with Laravel, React, Inertia
This template provides a solid foundation for building a SaaS multi layouts application, combining powerful and modern technologies like Laravel, React, TypeScript, Inertia, Vite, Tailwind CSS, and Stripe. Whether you're starting a new project or enhancing an existing one, this template is designed to streamline your development process and help you create a robust, scalable, and user-friendly SaaS platform.
[](https://github.com/ds-joe)
[](https://www.linkedin.com/in/youssef-bibawi-joe)
[](https://www.facebook.com/YoussefBibawy1)
## Features
- **[Laravel](https://laravel.com/docs/11.x)**: Robust backend framework with powerful tools and MVC architecture.
- **[React](https://react.dev/) & [TypeScript](https://www.typescriptlang.org/)**: Modern frontend library with static type checking.
- **[Inertia](https://inertiajs.com/)**: using classic server-side routing. Works with any backend.
- **[Vite](https://vitejs.dev/guide/)**: Fast build tool for modern web projects.
- **[Vitest](https://vitest.dev/)**: A blazing-fast unit testing framework with a Jest-compatible API, built for Vite.
- **[Jest](https://jestjs.io/)**: Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
- **[Tailwind CSS](https://tailwindcss.com/docs)**: Utility-first CSS framework for rapid UI development.
- **[Sass](https://sass-lang.com/)**: the most mature, stable, and powerful professional grade CSS extension language in the world.
- **[material-tailwind](https://www.material-tailwind.com/)**: Material Tailwind is a free and open-source components library for ReactJS and Tailwind CSS inspired by Material Design.
- **[Laravel Modules](https://laravelmodules.com)**: is a Laravel package which was created to manage your large Laravel app using modules.
- **[Spatie Permissions](https://spatie.be/docs/laravel-permission/v6/introduction)**: is a Laravel package which was created to manage user permissions and roles.
- **[react-icons](https://react-icons.github.io/react-icons/)**: which utilizes ES6 imports that allows you to include only the icons that your project is using.
- **[prettier](https://prettier.io/)**: Prettier is an opinionated code formatter.
- **[ApexCharts](https://apexcharts.com/)**: ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages.formatter.
## Getting Started
### Prerequisites
- [PHP](https://www.php.net/) 8.2 or higher
- [Node.js](https://nodejs.org/en) 20.16.0 or higher
- [Composer](https://getcomposer.org/)
- [MySQL](https://www.mysql.com/) (10.11.8-MariaDB)
- [Stripe](https://docs.stripe.com/) Account
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/ds-joe/saas-multi-layout-laravel-template.git
cd saas-multi-layout-laravel-template
```
2. **Install backend dependencies:**
```bash
composer install
cp .env.example .env
php artisan key:generate
```
3. **Install frontend dependencies:**
```bash
npm install
```
4. **Configure your .env file:**
- Update your database and Stripe credentials in the .env file.
5. **Run migrations:**
```bash
php artisan migrate
```
6. **Start the development servers:**
```bash
npm start
php artisan serve
```
7. **Application Test:**
```bash
# Test Front-end with vitest
npm test
# Test Front-end with typescript
npm run test:ts
```
8. **Demo Data:**
- User
- email: [email protected]
- username: admin
- password: password