symfony new demo

composer require doctrine/annotations
composer require symfony/maker-bundle
composer require symfony/var-dumper
composer require twig-bundle
composer require encore

php bin/console make:controller HomeController

yarn add popper.js
yarn add jquery
yarn add bootstrap

## app.js
require('jquery');
require('bootstrap');
yarn watch

Using Sass/LESS/Stylus
https://symfony.com/doc/current/frontend/encore/simple-example.html
https://symfonycasts.com/screencast/symfony/webpack-encore-usage#play
yarn add sass-loader@^9.0.1 node-sass --dev
# base.html.twig
{{ encore_entry_link_tags('app') }}
{{ encore_entry_script_tags('app') }}
Browser Sync
npm install -g browser-sync

# create bs-config.js

module.exports = {
    "files": [
        "templates/**/*.twig",
        "src/**/*.php"
    ],
    "proxy": "https://localhost:8000",
};

browser-sync start --config bs-config.js