Ambiente automatizado para el desarrollo de sitios web. Esta plantilla cuenta con las siguientes características:
- PHP 7 del lado del servidor
- Base de datos MySQL
- Arquitectura MVC
- Preprocesador SASS para los estilos
- Minificado de CSS y JS
- Rápido y ligero
- PHP 7 y Composer
- Node.js y NPM
Clonamos, entramos a la carpeta, eliminamos la carpeta .git e instalamos las dependencias.
git clone https://github.com/carlos-duran/website
cd website && rm -rf .git
composer install
npm install
A continuación haremos una copia de .env.example
a .env
.
cp .env.example .env
Luego abrimos este nuevo archivo .env
para ingresar la información sensible
como, por ejemplo, el acceso a la base de datos.
Abrimos dos terminales: una para compilar los assets y la otra para el servidor.
Modo desarrollo: npm run dev
(compila solo una vez).
Modo desarrollo: npm run watch
(compila cuando se modifican).
Para producción: npm run production
(compila una vez y los optimiza).
Modo desarrollo: npm run serve
Este comando nos creará un servidor corriendo en http://localhost:8000
.
Nuestro ambiente de trabajo se encuentra dentro de la carpeta app. Dentro de esta carpeta tenemos:
app
|
|-- assets
| |-- js
| |-- scss
|
|-- controllers
|
|-- views
En assets tenemos la carpeta js donde se guardarán todos los archivos Javascript,
el archivo principal es app.js y en él se debe hacer referencia a todos los archivos
adicionales que tengamos mediante la función require
ya que usamos Browserify.
También tenemos la carpeta scss donde, de la misma manera, tenemos un app.scss en la cual haremos referencia a cualquier archivo scss externo que tengamos
Crearemos un archivo php por cada petición que manejemos en nuestro sitio.
Cada archivo tiene en su terminación el tipo de petición que maneja.
Por ejemplo: contacto.get.php
maneja una petición get en '/contacto'.
Mayor información: siler
(coming soon)
Mayor información: twig
Esta plantilla es posible gracias a: