Laravel9 Inertiajs Reactjs Starter

screenshot of Laravel9 Inertiajs Reactjs Starter
react
bootstrap
scss

Laravel9 Inertiajs Reactjs Starter

This is a starter code to start the project built with Laravel 9 + InertiaJs + ReactJs, which already includes multiple layout admin templates with login for authentication

Overview:

The Laravel 9 Inertia.js React.js Starter is a project built with Laravel 9, React.js, Bootstrap 5, and Inertia. It provides a dashboard template called Argon Dashboard 2 and includes features such as user authentication, Google sign-in, user management, and profiles. The project is available on GitHub under the MIT License.

Features:

  • Integrations Argon Dashboard 2 HTML template to ReactJs
  • Multiple layout options (Guest, Base, Auth)
  • Authentication with sign-in and register functionality
  • Google sign-in integration
  • User management features
  • Profile management capabilities
  • Activity log (not implemented yet)
  • Roles and permissions (not implemented yet)

Installation:

To install the Laravel 9 Inertia.js React.js Starter, follow these steps:

  1. Clone the repo to get a local copy.
  2. Install Composer and Node.js if not already installed.
  3. Run the following commands to install dependencies:
    • composer install (for Laravel)
    • npm install (for NPM packages)
  4. Create the necessary database table corresponding to the .env file.
  5. Run migrations and seed the database.
  6. Set up Google Sign In by adding the required credentials to the .env file.
  7. To run the server-side (Laravel), use the command: php artisan serve.
  8. To run the client-side (React.js), use the command: npm run dev.
  9. The default password can be found in the project's documentation.

Summary:

The Laravel 9 Inertia.js React.js Starter is a project that combines Laravel 9, React.js, Bootstrap 5, and Inertia to provide a platform for building web applications. It offers a pre-built dashboard template, user authentication, Google sign-in integration, user management features, and profile management capabilities. Despite some features being marked as not implemented yet, the project shows promise as a starting point for developers looking to create applications using this technology stack.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.