Welcome to the Symfony/Svelte stack project! This project aims to provide a simple setup for building applications using Symfony on the backend and Svelte on the frontend, with the help of FrankenPHP and Vite.js for efficient development.
You can find the full article on my blog: Symfony/Svelte Stack with FrankenPHP and Vite.js
Before getting started, ensure you have the following prerequisites installed:
- Docker
-
Clone the repository:
git clone https://github.com/gponty/sf7svelte.git
-
Navigate into the project directory:
cd symfony-svelte-stack
-
Build and start the Docker containers:
docker compose build --no-cache docker compose up --pull always -d --wait
-
Access Symfony: Symfony will be accessible at http://localhost:8000
-
Access Vite.js: Vite.js will be accessible at http://localhost:5173
To add Svelte and Bulma to the project, follow these steps:
-
Install Svelte and Bulma using Yarn:
docker compose exec node yarn add @sveltejs/vite-plugin-svelte svelte sass bulma
-
Modify the
vite.config.js
file to include Svelte and Bulma plugins. -
Restart the Vite.js server:
docker compose exec node yarn dev
Contributions are welcome! Feel free to open issues or pull requests for any improvements or features you'd like to add.
This project is licensed under the MIT License.