next boilerplate

Bye Bye Next Basslate, bienvenue sur Superplate!

Cela fait longtemps que nous n'avons pas commencé le projet Next-Boilerplate. Nous sommes fiers que de nombreux développeurs de frontend du monde entier accélèrent leurs cycles de développement du frontend.

Avec le temps, nous avons pris des leçons précieuses de notre expérience et des commentaires de la communauté:

• Il y a un nombre infini de technologies frontales et il est impossible de combiner tout dans un seul produit passe-partout.
• Le projet est difficile à entretenir avec des tonnes de dépendances externes.

Pour résoudre le problème de complexité, nous avons lancé un nouveau projet à partir de zéro. Nous l'appelons "Superplate" - le buissier Frontend avec des super-pouvoirs.

Il est construit au-dessus d'une architecture de plugin et vous permet d'intégrer facilement vos propres outils et meilleures pratiques. Il comprend également plus de 30 plugins intégrés de vos outils préférés.

Le framework par défaut de Superplate est suivant.js, vous pouvez donc commencer à l'utiliser immédiatement au lieu de la plaque de pointe suivante. D'autres cibles de cadre arrivent bientôt.

Vous pouvez consulter le projet à partir de la page ou de la documentation Repo.

Plate-porte

Performance orienté Next.js Application Plaque de plaque avec Redux, TypeScript, Express.js et Sass.

_{Créé par Pankod}

À propos

Next.js est un framework REACT minimaliste qui s'exécute sur le navigateur et le serveur. Il offre aux développeurs un moyen facile de commencer, et comme il utilise React.js pour les modèles, c'est aussi un moyen simple pour les développeurs ayant une expérience React pour devenir rapidement productif.

L'avantage de cette approche est de pouvoir créer de riches expériences utilisateur de manière uniforme, sans compromettre les facteurs SEO (optimisation des moteurs de recherche) qui sont essentiels à un bon classement sur Google et d'autres moteurs de recherche.

Cette passe-partout facilite la mise en service avec une application Next.js et TypeScript bien structurée.

Caractéristiques

Le projet Next-Builerplate offre de nombreuses fonctionnalités hors de la boîte. Voici un aperçu des composants et des outils inclus.

• Next.js - Framework minimaliste pour les applications REACT rendues par serveur.
• TypeScript - SuperSet de JavaScript qui fournit principalement un typage statique, des classes et des interfaces en option.
• Redux - Un conteneur d'état prévisible pour les applications JavaScript.
• Express.js - Un cadre d'application Web Node.js minimal et flexible qui gère le rendu côté serveur et s'intègre à next.js.
• CLI du projet intégré - Créer des pages, des composants, des actions, des réducteurs avec une commande en utilisant CLI intégré.
• SASS / SCSS - Prérocesseur CSS, qui ajoute des caractéristiques spéciales telles que des variables, des règles imbriquées et des mélanges (parfois appelés sucre syntaxique) dans un CSS ordinaire.
• Docker - Un outil conçu pour faciliter la création, le déploiement et l'exécution d'applications à l'aide de conteneurs.
• Babel - Le compilateur pour JavaScript de prochaine génération.
• Eslint - L'utilitaire de liaison enfichable.
• Proxy inversé - serveur léger pour les demandes d'API de proxyation.
• Bundler Analyzer - Visualisez la taille des fichiers de sortie WebPack avec un Treemap zoomable interactif.
• Jest - Framework de test JavaScript, créé par les développeurs qui ont créé React.
• React Testing Library - Utilitaires de tests réactifs simples et complets qui encouragent les bonnes pratiques de test.
• Next-runtime-dotenv - Exposez les variables d'environnement à la configuration d'exécution de next.js
• Next-I18Next - Un travail-trame d'internationalisation qui fournit une fonction qui prend une clé, certaines options et renvoie la valeur de la langue actuelle. Vous aide à ajouter un support de traduction linguistique à votre application.
• Storybook - Un outil open source pour développer des composants d'interface utilisateur isolément pour réagir.
• Bootstrap - Le cadre HTML, CSS et JavaScript les plus populaires pour développer des sites Web réactifs et axés sur les mobiles.

Configuration et documentation

Veuillez vous référer à notre guide de configuration pour créer une nouvelle application.

Pour une documentation plus détaillée, consultez https://pankod.github.io/next-boilerplate/

CLI intégré

Pankod Boilerplate est expédiée avec un outil CLI pour rationaliser la création de nouveaux composants. En utilisant l'outil CLI, vous pouvez facilement ajouter des pages, des composants de classe ou des composants fonctionnels à votre projet et avoir toutes les actions requises, les réducteurs et les importations sont automatiquement créés pour vous.

Pour démarrer la CLI, vous devrez peut-être l'installer à l'avance si vous ne l'avez pas encore fait.

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

Ensuite, vous pouvez l'utiliser dans vos projets:

 ~ $ npm run cli

Après le démarrage, un menu interactif vous permettra de configurer le composant à créer. Tout d'abord, vous vous demandez le type de composant, qu'il s'agisse d'une page ou d'un composant fonctionnel. Ensuite, vous serez invité avec les autres options pertinentes pour votre sélection.

Finalement, vous vous retrouverez avec une page ou un composant avec des fichiers de style et de test en un rien de temps.

Licence

Licencié sous la licence MIT, Copyright © 2018 Pankod