Introduction

This Saas Boilerplate is a meticulously designed, pre-built foundation crafted with HTML, CSS, JavaScript, and Laravel to streamline the creation of high-quality websites and web apps. It combines modern web technologies with seamless Bootstrap integration, offering developers a scalable, production-ready starting point for polished and efficient projects.

Guide will help you get started with this Saas Boilerplate

How to set up Local Development?

Boilerplate is built using modern development toolsets like Gulp, Node.js, SASS & Bootstrap SCSS. Read More

Server Requirements

This Saas Boilerplate requires a server with the following specifications.

Server Configuration

Apache server (for the .htaccess rewrite rules to work)

PHP 8.2 or higher

MariaDB 10.5 or higher / MySQL 5.7 or higher

PHP "max_execution_time": 300 or higher

Required PHP Modules

  • Ctype PHP Extension
  • cURL PHP Extension
  • DOM PHP Extension
  • Fileinfo PHP Extension
  • Filter PHP Extension
  • Hash PHP Extension
  • Mbstring PHP Extension
  • OpenSSL PHP Extension
  • PCRE PHP Extension
  • PDO PHP Extension
  • Session PHP Extension
  • Tokenizer PHP Extension
  • XML PHP Extension
  • Zip PHP Extension

Creating a Database

Create a database with utf8mb4_general_ci character encoding and grant all permissions. Note your database name, username, and password.

See how to create a database in:

File Permissions

Set the following permissions to ensure proper security and functionality:

  • All folder permissions: 755
  • All file permissions: 644
  • .env file permissions: 640

Installing Node.js (Optional)

If you are planning to make changes to the assets, you need to install Node.js to compile your modifications.

Install Node.js on your server or localhost.

Once the Node.js installation is complete, navigate to the project directory from the terminal and execute the following commands:

                              
npm install
added 558 packages, and audited 559 packages in 3s
41 packages are looking for funding
run `npm fund` for details
6 high severity vulnerabilities

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run `npm audit` for details.
                              
                           
                              
npm run build
> build
> vite build

vite v4.1.3 building for production...
✓ 46 modules transformed.
public/build/manifest.json 0.26 kB
public/build/assets/app-d2932a0e.css 23.95 kB │ gzip: 5.24 kB
public/build/assets/app-9a25e63b.js 69.52 kB │ gzip: 25.89 kB

If you see the above output, it means the dependencies have been installed successfully.

That’s all!