Symfony 7 Fresh Install with Webpack Encore [2025 Setup Guide]

🚀 Welcome to Episode 2 of the Symfony Command Series 2025 on CodingWithTD!

In this episode, we kick off a brand-new Symfony 7 project the modern way — setting up Webpack Encore, Bootstrap, Sass, Popper.js, and jQuery for a powerful front-end workflow. We troubleshoot build errors, remove AssetMapper, and configure the project to be ready for scalable development.

Whether you're starting fresh or leveling up your Symfony stack, this walkthrough sets the tone for cleaner builds and smarter asset handling.

🔧 What We Cover:
Symfony CLI fresh install (new project)
Removing AssetMapper for Webpack Encore
Installing Bootstrap 5 & Popper.js
Adding Sass, Bootstrap Icons, and jQuery
Setting up Webpack config and loaders
Fixing SCSS build error
Preparing for base template and controller work

🎯 Episode Breakdown
[00:00] – Welcome & Quick Intro
[01:00] – Symfony Project Installation
[03:00] – Installing Apache Pack
[07:25] – Webpack Encore Installation
[10:59] – Enabling Symfony Support Plugin in PhpStorm
[14:20] – Installing Bootstrap
[17:28] – Installing Popper.js
[17:58] – Installing Sass Loader
[18:45] – Installing File Loader
[19:38] – Installing Bootstrap Icons
[20:35] – Installing jQuery
[21:12] – Webpack Config Setup Changes
[23:13] – Updating app.js with Bootstrap, jQuery, and Styles
[26:43] – Editing app.scss with Bootstrap Imports
[30:05] - Fixing the SCSS Build Issue
[31:05] – Running Webpack Build
[31:27] – What’s Coming in the Next Episode

📚 Official Docs & Resources
Symfony CLI: https://symfony.com/download
Encore Webpack: https://symfony.com/doc/current/front....
Bootstrap: https://getbootstrap.com/
NPM Registry: https://www.npmjs.com/

🔁 Next Episode Teaser:
We’ll create our base layout, link our styles, and build our first controller.

🧡 Support CodingWithTD:
BuyMeACoffee ☕ https://buymeacoffee.com/CodingWithTD
PayPal 💸 https://paypal.me/CodingWithTD

🎵 Tunes that keep TD company while coding:
🎸 Reinhardt Buhr –    • Multi-Instrumental Live Looping | 1 Hour |...  

🤝 Join the CodingWithTD Community
Subscribe and follow the full Symfony Command Series 2025.
New videos dropping weekly! Let’s build something awesome together.