superplate

Un buissier frontal bien structuré prêt pour la production avec dactylographie, bibliothèque de tests React, composant stylé, react Query, .env, axios, bundle analyzer, bettrice et 30+ plugins .

Superplate crée des projets prêts à développer pour React et Next.js et affiner.

_{Créé par Pankod}

À propos

Superplate vous permet de commencer la réaction rock-solide, prête pour la production, les projets Next.js et affinez juste quelques secondes. L'interface de ligne de commande guide l'utilisateur via la configuration et aucune configuration de construction supplémentaire n'est requise.

Superplate expédie avec +30 plugins, notamment des kits d'interface utilisateur populaires, des frameworks de test et de nombreux outils de développeur utiles.

Démarrage rapide

Pour utiliser la super-plaque, assurez-vous que NPX est installé sur votre système (NPX est expédié par défaut depuis NPM 5.2.0).

Pour créer une nouvelle application sans utiliser de préréglages, exécutez la commande suivante:

npx superplate-cli my-project

Vous serez invité avec des options de plugin pour créer votre projet. Une liste complète des plugins Avaiable est ici: Superplate-core-Plugins.

Intégrations disponibles

Next.js

Superplate facilite la mise en service avec une application Next.js et TypeScript bien structurée.

Pour commencer rapidement, veuillez exécuter la commande suivante. L'assistant CLI vous aidera pour le reste du processus de configuration:

 npx superplate-cli -p nextjs my-project

React.js

Superplate facilite la mise en service avec une application REACT Create bien structurée et TypeScript.

Pour commencer rapidement, veuillez exécuter la commande suivante. L'assistant CLI vous aidera pour le reste du processus de configuration:

 npx superplate-cli -p react my-project

affiner ⚡

Affine est un cadre de réaction open source pour créer rapidement des applications CRUD .

Superplate fournit des modèles intégrés pour les environnements CRA, Next.js et Remix afin que vous puissiez bootstrap un projet Affine en quelques minutes.

Reportez-vous au référentiel Affine pour plus d'informations ➡️

Pour commencer rapidement, veuillez exécuter la commande suivante. L'assistant CLI vous aidera pour le reste du processus de configuration:

 npx superplate-cli -p refine my-project

À venir

Nous prévoyons d'ajouter bientôt les intégrations des cadres suivantes.

Documentation

Pour des informations et une utilisation plus détaillés, vous pouvez vous référer à nos pages de documentation.

Philosophie

• Il fournit un début facile à votre projet en tirant parti des meilleures pratiques standard et des outils axés sur les performances.
• Entièrement extensible en raison de son architechture basé sur le plugin.
• Des exemples de code sont ajoutés aux documents de plugin pour montrer comment les meilleures pratiques sont implémentées.

Plugins

Superplate utilise une architecture basée sur un plugin. Fondamentalement, les plugins sont créés à partir d'outils NPM populaires avec des fichiers de configuration. Vous pouvez les consulter en superplate-core-plagins.

Les plugins de base par défaut déterminés par l'équipe Pankod. N'hésitez pas à envoyer des relations publiques ou à ouvrir un problème pour les nouveaux plugins que vous souhaitez ajouter.

Utilisation d'une source personnalisée de plugins

Vous pouvez utiliser différentes sources pour des plugins autres que les superplates-core-plagins.

Ajoutez simplement --source <path-to-source> pour utiliser Superplate avec une source personnalisée.

Pour en savoir plus sur les sources et comment créer le vôtre; Veuillez consulter la documentation

Création d'un plugin

Superplate vous donne de nombreuses capacités pour créer votre propre plugin et interagir avec les autres. Pour en savoir plus sur la création d'un plugin, veuillez consulter la documentation

Plugins disponibles

Options 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.

Commandes en mode de développement

Surveillance des modifications du code; Construit le projet, puis installe à l'échelle mondiale de la super-plaque pour les tests.

 npm run dev:global

Créez un répertoire de construction à l'intérieur /lib .

 npm run build:cli

Installez la construction actuelle à l'échelle mondiale:

 npm run global

Contribution

Si vous avez un bogue à signaler, n'hésitez pas à déposer un problème.

Si vous êtes prêt à résoudre un problème ou à proposer une fonctionnalité; Tous les RP avec des explications claires sont les bienvenus et encouragés.

Licence

Licencié sous la licence MIT, Copyright © 2021 Pankod-présent