Modificaciones y Configuración de Proyectos Web Locales

¿Cómo modificar nuestro proyecto local para un blog?

Para trabajar en un entorno local de manera efectiva, es fundamental entender cómo modificar y personalizar tu proyecto. Estas modificaciones te permitirán reflejar tu identidad y configurar tu blog según tus necesidades. En este proceso, realizaremos algunas acciones como la eliminación de elementos innecesarios y la creación de nuevas entradas.

¿Qué cambios son importantes en la 'About Page'?

1. Contenido Personal: Es esencial rellenar esta sección con contenido relevante que te describa. Pregúntate: ¿quién eres?, ¿qué haces?, ¿cómo pueden contactarte? Este es el lugar para compartir tus redes o cualquier detalle que ayude a los lectores a conocerte mejor.

2. Personalización y Eliminación: Asegúrate de eliminar cualquier componente que no utilices para mantener tu página limpia y relevante.

# Eliminando una sección innecesaria
- heading: Gracias
- contenido: Eliminado para nuevas actualizaciones.

¿Cómo crear una nueva entrada?

Para añadir una nueva entrada en el blog, ésto es lo que debes hacer:

1. Crear nuevos archivos: Este proceso comienza con el comando nuevo file y le asignas un nombre que se reflejará en la URL. Por ejemplo, 'hello-world.md'.

2. Formato e información clave:

   • Título: Esté debe ser breve y descriptivo.
   • Xerp (excerpt): Una breve descripción que capture la esencia del post.
   • Fecha: Usar el formato año-mes-día para mantener la coherencia.
   • Imágenes: Agregar un 'alt' descriptivo para cada imagen para garantizar la accesibilidad.

# Estrategia de una nueva entrada
Título: Hello World
Descripción breve: Bienvenidos a mi nuevo blog. Aquí comparto mi viaje de aprendizaje.
Fecha: 2023-06-01
Imagen: ![Descripción de la imagen](ruta/imagen.jpg)

¿Cómo configurar el proyecto para ejecución local?

¿Qué debemos revisar en nuestro package JSON?

1. Nombre y Descripción: Cambia el nombre y descripción de tu proyecto para reflejar su propósito.

2. Scripts importantes:

   • Development: Facilita la ejecución del entorno de desarrollo local con Next.js.
   • Build y Start: Herramientas para compilar y desplegar tu aplicación.

{
  "name": "Oscar-Barajas-CO",
  "description": "Simple Blog para Oscar Barajas",
  "scripts": {
    "dev": "next dev",
    "build": "next build && next export",
    "start": "next start"
  }
}

¿Cómo manejar dependencias y errores comunes?

Cuando enfrentamos errores al configurar nuestro entorno, recordemos que a menudo están relacionados con las dependencias. Un ejemplo es el cambio de reemplazar node-sass por sass.

1. Eliminar y Reinstalar: Si un error es detectado, elimina la dependencia problemática y reinstala la adecuada.

2. Comando NPM correcto:

   • Elimina: npm uninstall node-sass
   • Instala: npm install sass

# Cambiando la dependencia de sass para evitar errores
npm uninstall node-sass
npm install sass

¿Cómo ejecutar y visualizar tu proyecto en local?

Para ejecutar tu blog en local:

1. Comandos Iniciales:
   • Instalar dependencias: npm install
   • Ejecutar entorno local: npm run dev
2. Verificación y ajuste de cambios:
   • Asegúrate de haber guardado todas las modificaciones antes de ejecutar para ver los resultados.
   • Si no aparecen cambios, verifica que los pasos previos se realizaron correctamente.

¿Cómo manejar tus cambios con Git?

Ahora que tu proyecto está listo, es importante usar un control de versiones para realizar seguimiento de cambios y colaborar.

1. Comandos básicos de Git:
   • Ver cambios: git status
   • Añadir cambios: git add .
   • Confirmar cambios: git commit -m "Initial commit"
   • Subir al repositorio: git push origin master

# Subiendo cambios al repositorio
git status
git add .
git commit -m "Initial commit de mi nuevo blog"
git push origin master

Recomendaciones

• Sé curioso, experimenta con cambios y entiende cómo funciona cada elemento.
• Usa el archivo README.md para mantener documentación clara de tus proyectos.
• Estudia fundamentos de Git y los beneficios de su integración continua para mejorar tus habilidades.

Este enfoque no solo te permitirá tener un blog bien estructurado, sino que también fortalecerá tus habilidades en desarrollo web y control de versiones. Recuerda siempre mantener un espíritu de aprendizaje continuo y no temas enfrentar desafíos al modificar tus proyectos. ¡Éxito!