superplate

Una caldera frontend de la producción bien estructurada con TypeScript, React Testing Library, Styled-Component, React Consult, .env, Axios, Bundle Analyzer, más bonitos y más de 30 complementos .

Superplate crea proyectos listos para desarrollar para React y Next.js y refine.

_{Creado por Pankod}

Acerca de

Superplate le permite comenzar el sólido de roca, React listado en producción, Next.js y refinar proyectos solo en segundos. La interfaz de línea de comandos guía al usuario a través de la configuración y no se requieren configuraciones de compilación adicionales.

Viajes superplacos con complementos +30 que incluyen kits de interfaz de usuario populares, marcos de prueba y muchas herramientas útiles para desarrolladores.

Comienzo rápido

Para usar Superplate, asegúrese de que tenga NPX instalado en su sistema (NPX se envía de forma predeterminada desde NPM 5.2.0).

Para crear una nueva aplicación sin usar presets, ejecute el siguiente comando:

npx superplate-cli my-project

Se le solicitará opciones de complementos para crear su proyecto. Aquí hay una lista completa de complementos Avaiables: plugins de núcleo superplate.

Integraciones disponibles

Next.js

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

Para comenzar rápidamente, ejecute el siguiente comando. El Asistente CLI lo ayudará por el resto del proceso de configuración:

 npx superplate-cli -p nextjs my-project

React.js

Superplate hace que sea más fácil ponerse en marcha con una aplicación React React y una aplicación TypeScript bien estructurada.

Para comenzar rápidamente, ejecute el siguiente comando. El Asistente CLI lo ayudará por el resto del proceso de configuración:

 npx superplate-cli -p react my-project

refinar ⚡

Refine es un marco React de código abierto para construir aplicaciones CRUD rápidamente.

Superplate proporciona plantillas incorporadas para entornos CRA, Next.js y Remix para que pueda iniciar un proyecto de refine en un par de minutos.

Consulte el repositorio de refinar para más información ➡️

Para comenzar rápidamente, ejecute el siguiente comando. El Asistente CLI lo ayudará por el resto del proceso de configuración:

 npx superplate-cli -p refine my-project

Muy pronto

Estamos planeando agregar las siguientes integraciones de marcos pronto.

Documentación

Para obtener información y uso más detallados, puede consultar nuestras páginas de documentación.

Filosofía

• Proporciona un comienzo fácil para su proyecto al aprovechar las mejores prácticas estándar de la industria y las herramientas orientadas al rendimiento.
• Totalmente extensible debido a su arquitectura basada en complementos.
• Se agregan ejemplos de códigos a los documentos de complemento para mostrar cómo se implementan las mejores prácticas.

Complementos

Superplate utiliza una arquitectura basada en complementos. Básicamente, los complementos se crean a partir de herramientas NPM populares con archivos de configuración. Puede consultarlos en plugins de núcleo superplate.

Los complementos de núcleo predeterminados determinados por el equipo de Pankod. No dude en enviar PR o abrir un problema para los nuevos complementos que desea agregar.

Uso de una fuente personalizada de complementos

Puede usar diferentes fuentes para complementos que no sean superplate-core-plugins.

Simplemente agregue la opción --source <path-to-source> para usar Superplate con una fuente personalizada.

Para obtener más información sobre las fuentes y cómo crear las suyas propias; Consulte la documentación

Creando un complemento

Superplate le brinda muchas habilidades para crear su propio complemento e interactuar con los demás. Para obtener más información sobre la creación de un complemento, consulte la documentación

Complementos disponibles

Opciones de CLI

 > npx superplate-cli --help
Usage: superplate [options]

Options:
 -v, --version                   prints version number
 -h, --help                      prints help information on all commands and options
 -d, --debug                     prints additional logs
 -s, --source <path-to-source>   Use this option to target a custom source of plugins
                                 Source path can be a remote git repository or a local path.
 -p, --project <project-type>    In sources with multiple types, you can use this option to preset the type.
 -b, --branch <branch-name>      If your source is a git repository, you can define a custom branch for `superplate` to use.
 -o, --preset <preset-name>      If your source includes presets, you can select one of them to prefill the answers.
 -l, --lucky                     You can select random choices with this option, if you are feeling lucky.

Comandos del modo de desarrollo

Observa los cambios en el código; Construye el proyecto y luego instala globalmente Superplate para las pruebas.

 npm run dev:global

Cree una compilación Inside /lib Directory.

 npm run build:cli

Instale la compilación actual a nivel mundial:

 npm run global

Contribución

Si tiene un error que informar, no dude en presentar un problema.

Si está dispuesto a solucionar un problema o proponer una característica; Todos los PR con explicaciones claras son bienvenidos y alentados.

Licencia

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