Skip to content

carlos-duran/website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Website

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

Requisitos

  • PHP 7 y Composer
  • Node.js y NPM

Instalación

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.

Ejecución

Abrimos dos terminales: una para compilar los assets y la otra para el servidor.

Compilación de assets

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).

Servidor

Modo desarrollo: npm run serve

Este comando nos creará un servidor corriendo en http://localhost:8000.

Tutorial

Nuestro ambiente de trabajo se encuentra dentro de la carpeta app. Dentro de esta carpeta tenemos:

app
|
|-- assets
|   |-- js
|   |-- scss
|
|-- controllers
|
|-- views

assets

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

controllers

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

views

(coming soon)

Mayor información: twig

Agradecimientos

Esta plantilla es posible gracias a: