Theme

Once the Evolve default theme is installed, you can start customizing it to your needs. The theme is located in the theme directory. Our frontend stack is consists of:

• Laravel Blade
• Laravel Livewire
• Tailwind CSS
• Alpine.js

Starting the development server

To start the development server, run the following command in the theme directory:

yarn theme:dev

Building for production

To build the theme for production, run the following command in the theme directory:

yarn theme:build

Directory structure

Here's a list of the most important directories and files in the theme directory:

• dist: Contains the compiled CSS and JavaScript files generated by Vite, these files are then copied to the public directory of your Laravel application.

• src: Contains the TypeScript and CSS source files.

• tailwind: Contains our theme config and some utility functions for Tailwind.

  • theme.js: Contains the theme configuration for our design system tokens.

• views: Contains all views and layouts for the theme.

  • components: Contains Blade components.
  • errors: Contains error views.
  • livewire: Contains Livewire components.
  • mail: Contains mail views.
  • vendor: Contains view-overrides for vendor packages.

• tailwind.config.js: Contains the Tailwind configuration for the theme.