Elaborate-code

This website/template is powered with Jigsaw, Tailwind3 and Alpine3.

Jigsaw setup

mkdir jigsaw &&
cd .\jigsaw\

composer require tightenco/jigsaw

vendor/bin/jigsaw init

npm i &&
npm run prod

Preview:

vendor/bin/jigsaw serve production

Or

npm i &&
npm run dev &&
vendor/bin/jigsaw serve

Using Tailwind 3

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

module.exports = {
    content: [
        // ...
    ],
    // ...
};

The npm run mix infinit loop issue ref1 ref2

I don't understand the issue neither the solution! But this fixes it.

npm i fast-glob

module.exports = {
    content: require("fast-glob").sync([
        // ..
    ]),
    // ...
};

browser-sync

npm install -g browser-sync

npm run watch

Now live preview the website on http://localhost:3000

Deploy on github pages ref

Commit the build_production folder to your repository.

Use git subtree push to push just the build_production folder to your gh-pages branch

git subtree push --prefix build_production origin gh-pages