2 Home
Jorge Mario Arita Ramírez edited this page 2024-01-03 10:10:13 -06:00

Bienvenidos a la Wiki de la Plantilla Next.js

Esta plantilla de Next.js es el punto de partida para cualquier proyecto web de Via Asesores. Incluye una configuración inicial con las herramientas y librerías más utilizadas en la empresa, así como una estructura de carpetas y archivos que facilita el desarrollo y mantenimiento de la aplicación.

🗂️ Estructura del Proyecto

  • 📄 .vscode: Configuraciones específicas para VS Code.
  • 🔧 config: Archivos de configuración.
    • 📄 default.json: Configuración por defecto.
    • 📄 gt.json: Configuración para gt.via-asesores.
    • 📄 testing.json: Configuración para pruebas.
    • 📄 www.json: Configuración para www.via-asesores.
  • 📦 node_modules: Dependencias del proyecto.
  • 🌍 public: Activos estáticos como imágenes y archivos de estilo.
    • 🖼 images: Imágenes locales.
  • 🛠 scripts: Scripts SQL para la base de datos.
  • 🗂 src: Código fuente principal.
    • 📁 components: Componentes de UI REUTILIZABLES.
    • 📁 helper: Funciones auxiliares generales.
    • 📁 hooks: Hooks personalizados de React.
    • 📁 layout: Componentes para la estructura de la aplicación.
    • 📁 lib: Librerías y funciones de utilidad.
    • 📁 models: Models y Props generados en SmartDeveloper
    • 📁 pages: Páginas de la aplicación Next.js.
    • 📁 plugins: Plugins adicionales.
    • 📁 styles: Estilos CSS globales y de componentes.
    • 📁 utils: Funciones de utilidad diversas.
  • 📑 .eslintrc.json: Reglas de ESLint para mantener la calidad del código.
  • 🚫 .gitignore: Especifica los archivos no rastreados por git.
  • 📖 LICENSE: Términos de uso.
  • 📦 package.json: Dependencias y scripts del proyecto.
  • 🔧 postcss.config.js: Configuración de PostCSS.
  • 📘 README.md: Introducción y guía de inicio rápido.
  • 💨 tailwind.config.js: Configuración de TailwindCSS.
  • 🛠 tsconfig.json: Configuración de TypeScript.
  • 🔒 yarn.lock: Información de versión de dependencias para Yarn.

🧭 Navegación


Explora las secciones para entender cada parte de next-template y cómo puedes aprovecharlo al máximo en tus proyectos.