victormarcas / laravel-breeze-shadcnui

Starter template for a project in Laravel Breeze with Shadcn-ui

Laravel Breeze with Shadcn/UI

Installation

composer install

Install NPM Packages

npm install

Config Link Valet o Herd

valet link
#or 
herd link

Development Mode

npm run dev

Production Mode

npm run prod

If you are using VSCode add this configuration

1. Create Folder .vscode in root project
2. Create File settings.json in .vscode folder

{
    "tailwindCSS.includeLanguages": {
        "plaintext": "html"
    },
    "tailwindCSS.experimental.classRegex": [
        ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
        ["cn\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
        ["tw=\"([^\"]*)\""]
    ],
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": "explicit"
    }
}