Reactiver Profile Starter

Overview

Reactiver Profile Starter es un starter diseñado para freelancers de habla hispana. Este starter está basado en el trabajo de Marc Filleul con su MF Blog Starter, así como en los componentes y templates ofrecidos por mert.dev. Utiliza Eleventy para la generación del sitio y la gestión de las plantillas, Tailwindcss para la maquetación y PostCSS para tareas como Autoprefixer y PurgeCSS. También incluye funcionalidades como un aviso legal de cookies, un formulario de contacto con FormSpree, minificación de HTML y CSS en producción, y scripts optimizados.

Features

• Uso de Eleventy para la generación del sitio y la gestión de las plantillas.
• Utilización de Tailwindcss para la maquetación.
• Incorporación de PostCSS con funcionalidades como Autoprefixer y PurgeCSS.
• Incluye la fuente Inter para una mejor legibilidad.
• Incluye aviso legal de cookies utilizando Cookie Notice.
• Formulario de contacto integrado con FormSpree.
• Minificación de HTML y CSS en producción.
• Scripts optimizados para una mejor eficiencia.
• La configuración del sitio se realiza en el archivo src/_data/site.js.
• Personalización de los enlaces del menú principal en src/_data/navigation.js.
• Posibilidad de modificar las imágenes de base en src/assets/img.
• Los estilos pueden usar la sintaxis de postcss-nested y ubicarse en src/_css/main.css.
• Utilización de estilos de PrismJS para los bloques de código en src/_css/prism.css.

Installation

Para instalar Reactiver Profile Starter, sigue los siguientes pasos:

1. Clona el repositorio.

git clone <url_del_repositorio>

2. Ejecuta el comando npm install para instalar todas las dependencias.

npm install

3. Para iniciar el servidor local y compilar los archivos CSS, ejecuta el comando npm run watch.

npm run watch

4. Para compilar la versión para producción, ejecuta el comando npm run build.

npm run build

5. Despliega el sitio en Netlify utilizando el comando Deploy to Netlify.

6. Si deseas realizar configuraciones adicionales, modifica los parámetros en el archivo src/_data/site.js, utiliza el formulario de contacto con FormSpree configurando el correo en el archivo anterior mencionado, ajusta los enlaces del menú principal en src/_data/navigation.js y cambia las imágenes base en src/assets/img.

Summary

Reactiver Profile Starter es un starter diseñado para freelancers de habla hispana que utilizan React. Está basado en el trabajo de Marc Filleul y ofrece una serie de funcionalidades y características útiles para la creación de sitios web. Con Eleventy como generador de sitio, Tailwindcss para la maquetación y PostCSS para tareas adicionales, este starter ofrece una solución completa para desarrollar perfiles profesionales de manera eficiente. La instalación es sencilla y se pueden personalizar diferentes aspectos del sitio de acuerdo a las necesidades del usuario.