next boilerplate

Adiós la próxima calderera, ¡bienvenido a Superplate!

Ha pasado mucho tiempo desde que comenzamos el proyecto Next-Boilerplate. Estamos orgullosos de haber ayudado a muchos desarrolladores frontendales de todo el mundo a acelerar sus ciclos de desarrollo frontend.

Con el tiempo, tomamos lecciones valiosas de nuestra experiencia y los comentarios de la comunidad:

• Hay un número infinito de tecnologías frontend y es imposible combinar todo en un solo producto de la planta de planta.
• El proyecto es difícil de mantener con toneladas de dependencias externas.

Para abordar el problema de complejidad, comenzamos un nuevo proyecto desde cero. Lo llamamos "Superplate": la paleta frontend con superpoderes.

Está construido sobre una arquitectura de complementos y le permite integrar sus propias herramientas y mejores prácticas con facilidad. También incluye más de 30 complementos incorporados de sus herramientas favoritas.

El marco predeterminado de SuperPlate es Next.js, por lo que puede comenzar a usarlo inmediatamente en lugar de Next-Boilerplate. Pronto llegarán más objetivos de marco.

Puede consultar el proyecto desde la página de repositorio o documentación.

siguiente boilerplate

Orientado al rendimiento Next.js Aplicación Boilerplate con Redux, TypeScript, Express.js y Sass.

_{Creado por Pankod}

Acerca de

Next.js es un marco REACT minimalista que se ejecuta en el navegador y el servidor. Ofrece a los desarrolladores una manera fácil de comenzar, y como utiliza react.js para plantillas, también es una forma directa para que los desarrolladores con experiencia react se vuelvan productivas rápidamente.

La ventaja de este enfoque es poder crear experiencias de usuario ricas de manera uniforme, sin comprometer factores de SEO (optimización de motores de búsqueda) que son clave para una buena clasificación en Google y otros motores de búsqueda.

Esta calderera hace que sea más fácil ponerse en funcionamiento con una aplicación Next.js y TypeScript bien estructurada.

Características

El proyecto Next-BoilerPlate proporciona muchas funciones fuera de la caja. Aquí hay una descripción general de los componentes y herramientas incluidos.

• Next.js : marco minimalista para aplicaciones React renderizadas por el servidor.
• TypeScript - Superset of JavaScript que proporciona principalmente la tipificación estática opcional, las clases e interfaces.
• Redux : un contenedor de estado predecible para aplicaciones JavaScript.
• Express.js : un marco de aplicaciones web nodo.js mínimo y flexible que maneja la representación del lado del servidor y se integra con Next.js.
• CLI del proyecto incorporado : cree páginas, componentes, acciones, reductores con un comando mediante el uso de CLI incorporada.
• SASS/SCSS : preprocesador CSS, que agrega características especiales como variables, reglas anidadas y mezclas (a veces denominadas azúcar sintáctica) en CSS regular.
• Docker : una herramienta diseñada para facilitar la creación, implementar y ejecutar aplicaciones utilizando contenedores.
• Babel - El compilador de JavaScript de próxima generación.
• Eslint : la utilidad de pelusa conectable.
• Proxy inverso : servidor liviano para solicitudes de API proxy.
• Analizador de Bundler : visualice el tamaño de los archivos de salida de Webpack con un Treemap interactivo con zoom.
• Jest - Marco de pruebas de JavaScript, creado por desarrolladores que crearon React.
• Biblioteca de pruebas React : utilidades de prueba DOM react Simples y simples que fomentan las buenas prácticas de prueba.
• Next-Runtime-Dotenv -Expone las variables de entorno a la configuración de tiempo de ejecución de Next.js
• Next-I18Next : un trabajo de marco de internacionalización que proporciona una función que toma una clave, algunas opciones y devuelve el valor para el idioma actual. Le ayuda a agregar soporte de traducción del idioma a su aplicación.
• Libro de cuentos : una herramienta de código abierto para desarrollar componentes de UI de forma aislada para React.
• Bootstrap : el marco HTML, CSS y JavaScript más popular más popular para desarrollar sitios web receptivos y móviles.

Configuración y documentación

Consulte nuestra guía de configuración para crear una nueva aplicación.

Para obtener una documentación más detallada, consulte https://pankod.github.io/next-boilerplate/

CLI incorporado

Pankod Boilerplate se envía con una herramienta CLI para agilizar la creación de nuevos componentes. Al usar la herramienta CLI, puede agregar fácilmente páginas, componentes de clase o componentes funcionales a su proyecto y tener todas las acciones, reductores e importaciones requeridos se crean automáticamente para usted.

Para iniciar el CLI, es posible que deba instalarlo de antemano si aún no lo ha hecho.

 ~ $ npm i -g @pankod/pankod-cli

Entonces puedes usarlo en tus proyectos:

 ~ $ npm run cli

Después de comenzar, un menú interactivo le permitirá configurar el componente que se creará. En primer lugar, se le pedirá el tipo de componente, ya sea una página o un componente funcional. Luego se le solicitará las otras opciones relevantes para su selección.

Eventualmente, terminará con una página o componente con archivos de estilo y prueba en poco tiempo.

Licencia

Licenciado bajo la licencia MIT, Copyright © 2018-presente Pankod