This is a Statamic project bootstrapped with TailwindCSS and AlpineJS.

Getting Started

To start you need first to install the required composer packages by running:

composer install

After that you need to run the following commands:

cp .env.example .env
php artisan key:generate

The folling command makes a new user (make sure its super admin)

php please make:user

To install the required node packages first do an install:

npm install

To run the development server

npm run watch

Fonts

This project uses @fontsource to install Google Fonts as NPM packages in order to avoid penalties in Google Lighthouse. To browse the fonts you can go here, or you can checkout the @fontsource on Github.

After you have installed your preffered font you can import it to _app.js:

import '@fontsource/poppins/500.css'
import '@fontsource/poppins/700.css'

Isues

If you have cloned an existing project, and you can't open the website run the following command:

php artisan optimize:clear

Learn More

To learn more about Statamic, Tailwindcss or Alpine take a look at the following resources:

• Statamic Documentation
• Tailwindcss Documentation
• Alpine.js Documentation