https://github.com/niketpathak/symfony-vue-tutorial

Integration of the amazing Vue JS frontend with Symfony. Suitable for a traditional web App as well as a SPA.
https://github.com/niketpathak/symfony-vue-tutorial

symfony symfony-flex symfony3 symfony4 vue vuejs vuerouter webpack-encore

Last synced: about 1 month ago
JSON representation

Integration of the amazing Vue JS frontend with Symfony. Suitable for a traditional web App as well as a SPA.

• Host: GitHub
• URL: https://github.com/niketpathak/symfony-vue-tutorial
• Owner: niketpathak
• Created: 2018-07-18T11:42:41.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-08-01T20:35:19.000Z (over 6 years ago)
• Last Synced: 2024-09-28T11:40:56.946Z (about 2 months ago)
• Topics: symfony, symfony-flex, symfony3, symfony4, vue, vuejs, vuerouter, webpack-encore
• Language: PHP
• Homepage: https://digitalfortress.tech/tutorial/symfony-vue-js-integration/
• Size: 143 KB
• Stars: 12
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
**Tutorial** at [**Digital Fortress**](https://digitalfortress.tech/tutorial/symfony-vue-js-integration/)

**Requirements:**

You should have [**composer**](https://getcomposer.org/download/), [**node**](https://nodejs.org/en/download/) and [**yarn**](https://yarnpkg.com/en/docs/install) package manager installed.

**Steps:**

1. **Clone** this repository

2. **Cd** to the root directory in your terminal (`cd symfony-vue-tutorial`)

3. Execute **`composer install`** to install all the PHP dependencies

4. Execute **`npm install`** to install all the Javascript dependencies

5. Run development Server **`php bin/console server:start`**

6. Build JS assets **`yarn run encore dev --watch`**

7. Navigate to **`http://localhost:8000/`**

Thats all folks!

If you have any doubts/errors, follow the tutorial at [https://digitalfortress.tech/tutorial/symfony-vue-js-integration/](https://digitalfortress.tech/tutorial/symfony-vue-js-integration/)