PHPackages mrbryan1502/symfony-vue - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. mrbryan1502/symfony-vue ActiveProject[Framework](/categories/framework) mrbryan1502/symfony-vue ======================= Plantilla moderna Symfony 7 + Vue 3 con Vite, TypeScript, Pinia y Vue Router v1.0.0(1mo ago)12MITPHPPHP >=8.2 Since Jul 5Pushed 1mo agoCompare [ Source](https://github.com/MrBryan1502/symfony-vue)[ Packagist](https://packagist.org/packages/mrbryan1502/symfony-vue)[ RSS](/packages/mrbryan1502-symfony-vue/feed)WikiDiscussions master Synced 1w ago READMEChangelogDependencies (43)Versions (2)Used By (0) Symfony + Vue 3 Template ======================== [](#symfony--vue-3-template) Plantilla moderna para aplicaciones web con **Symfony 7** en el backend y **Vue 3** + **TypeScript** en el frontend, integrados mediante Vite. Stack ----- [](#stack) CapaTecnologíaBackend[Symfony 7.4](https://symfony.com) + PHP 8.2+ / Doctrine ORM / PostgreSQLFrontend[Vue 3](https://vuejs.org) + TypeScript + Pinia + Vue RouterBuild[Vite](https://vitejs.dev) + `vite-plugin-symfony` + `@vitejs/plugin-vue`EstiloCSS moderno con design system oscuro y gradientesInstalación ----------- [](#instalación) Puedes crear un nuevo proyecto de dos formas: ### Via Composer (recomendado) [](#via-composer-recomendado) ``` composer create-project mrbryan1502/symfony-vue mi-app ``` Esto instala automáticamente las dependencias de PHP **y** las de frontend (pnpm). ### Via npx / pnpm dlx [](#via-npx--pnpm-dlx) ``` # Con npm npx @mrbryan1502/create-symfony-vue mi-app # Con pnpm pnpm dlx @mrbryan1502/create-symfony-vue mi-app ``` Esto crea el proyecto e instala tanto las dependencias PHP (composer) como las de frontend (npm/pnpm/yarn automáticamente detectado). ### Manualmente (clonando el repo) [](#manualmente-clonando-el-repo) ``` git clone https://github.com/mrbryan1502/symfony-vue.git mi-app cd mi-app # Las dependencias se instalan automáticamente con cualquiera de estos: composer install # instala PHP + dispara pnpm install pnpm install # instala frontend + dispara composer install ``` Requisitos ---------- [](#requisitos) - PHP >= 8.2 - [Composer](https://getcomposer.org) - [pnpm](https://pnpm.io) >= 11.9 (o npm/yarn/bun) - [Symfony CLI](https://symfony.com/download) (recomendado para desarrollo) Ejecución en desarrollo ----------------------- [](#ejecución-en-desarrollo) ``` cd mi-app pnpm dev ``` Esto lanza simultáneamente: - `symfony serve` — servidor PHP de desarrollo - `vite` — servidor de assets con HMR Abrir `https://localhost:8000` en el navegador. ### Variables de entorno [](#variables-de-entorno) ``` cp .env .env.local # Editar DATABASE_URL y APP_SECRET en .env.local ``` ### Comandos útiles [](#comandos-útiles) ComandoDescripción`pnpm dev`Desarrollo con hot reload`pnpm build`Build de producción para frontend`pnpm format`Formatear código con Prettier`pnpm lint`Verificar formato`composer run-script`Scripts definidos en `composer.json`Estructura del proyecto ----------------------- [](#estructura-del-proyecto) ``` symfony-vue/ ├── assets/ # Frontend (Vue 3 + TypeScript) │ ├── main.ts # Punto de entrada │ ├── app.css # Estilos globales │ ├── router/ # Configuración de Vue Router │ ├── src/ │ │ └── App.vue # Componente raíz (welcome page) │ ├── styles/ # Estilos adicionales │ └── vendor/ # Assets de vendor ├── config/ # Configuración de Symfony (YAML) ├── migrations/ # Migraciones de Doctrine ├── packages/ │ └── create-symfony-vue/ # Paquete npm del CLI scaffold ├── public/ # Document root │ └── build/ # Build de Vite (generado) ├── scripts/ # Utilidades internas │ └── sync-template.mjs # Sincroniza template con el CLI ├── src/ # Código PHP (App\ namespace) │ ├── Controller/ │ ├── Entity/ │ ├── Repository/ │ └── ... ├── templates/ # Twig templates │ ├── base.html.twig │ └── app.html.twig # Template que monta Vue ├── tests/ # Tests PHPUnit ├── translations/ # Traducciones ├── vite.config.js # Configuración de Vite ├── tsconfig.json # Configuración de TypeScript └── composer.json ``` Integración Symfony + Vite -------------------------- [](#integración-symfony--vite) La comunicación entre Symfony y Vite se maneja mediante: - [`vite-plugin-symfony`](https://github.com/lhapaipai/vite-plugin-symfony) — plugin de Vite - [`pentatrion/vite-bundle`](https://github.com/PentaTraITeam/vite-bundle) — bundle de Symfony Los entry points se definen en `assets/main.ts` y se referencian en Twig mediante: ``` {{ vite_entry_link_tags('app') }} {{ vite_entry_script_tags('app') }} ``` Para más información, consulta la [documentación de Symfony con Vite](https://pentatrion.github.io/vite-bundle/). Producción ---------- [](#producción) ``` pnpm build composer dump-env prod ``` El servidor Symfony sirve los assets compilados desde `public/build/`. Desarrollo del CLI ------------------ [](#desarrollo-del-cli) ``` # Sincronizar los cambios del template al paquete npm node scripts/sync-template.mjs # Probar el CLI localmente node packages/create-symfony-vue/bin/index.js mi-app-test ``` Publicación ----------- [](#publicación) ``` # Publicar en Packagist (composer) # 1. Push a GitHub # 2. Crear release en GitHub # 3. Packagist detecta automáticamente # Publicar en npm cd packages/create-symfony-vue npm publish ``` Licencia -------- [](#licencia) MIT ### Health Score 38 — LowBetter than 83% of packages Maintenance90 Actively maintained with recent releases Popularity4 Limited adoption so far Community6 Small or concentrated contributor base Maturity46 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 48d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/136617735?v=4)[MrBryan1502](/maintainers/MrBryan1502)[@MrBryan1502](https://github.com/MrBryan1502) --- Top Contributors [![MrBryan1502](https://avatars.githubusercontent.com/u/136617735?v=4)](https://github.com/MrBryan1502 "MrBryan1502 (18 commits)") ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/mrbryan1502-symfony-vue/health.svg) ``` [![Health](https://phpackages.com/badges/mrbryan1502-symfony-vue/health.svg)](https://phpackages.com/packages/mrbryan1502-symfony-vue) ``` ### Alternatives [kimai/kimai Kimai - Time Tracking 4.8k9.4k1](/packages/kimai-kimai)[chameleon-system/chameleon-base The Chameleon System core. 1029.4k6](/packages/chameleon-system-chameleon-base)[sylius/sylius E-Commerce platform for PHP, based on Symfony framework. 8.5k6.0M779](/packages/sylius-sylius)[shopware/core Shopware platform is the core for all Shopware ecommerce products. 595.8M680](/packages/shopware-core)[pimcore/pimcore Content & Product Management Framework (CMS/PIM/E-Commerce) 3.8k3.9M536](/packages/pimcore-pimcore)[forumify/forumify-platform 132.1k18](/packages/forumify-forumify-platform) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)