next boilerplate

Пока до свидания, следующий шаблон, добро пожаловать в Superplate!

Прошло много времени с тех пор, как мы начали следующий проект Boilerplate. Мы гордимся тем, что это помогло многим разработчикам фронта по всему миру ускорить свои циклы разработки на фронте.

Со временем мы взяли ценные уроки из нашего опыта и отзывы сообщества:

• Существует бесконечное количество фронтальных технологий, и невозможно объединить все в одном продукте с шаблоном.
• Проект сложно поддерживать с тоннами внешних зависимостей.

Чтобы решить проблему сложности, мы начали новый проект с нуля. Мы называем это «Superplate» - Bordend Cowerplate с сверхспособностями.

Он построен на вершине архитектуры плагина и позволяет легко интегрировать свои собственные инструменты и лучшие практики. Он также включает в себя более 30 встроенных плагинов ваших любимых инструментов.

Структура по умолчанию Superplate состоит из следующей.js, поэтому вы можете начать использовать его немедленно вместо следующей Boilerplate. Скоро наступит больше структурных целей.

Вы можете проверить проект со страницы Repo или документации.

Следующий Boilerplate

Производительность, ориентированная на следующую.

_{Создан Панкодом}

О

Next.js - это минималистичная структура React, которая работает в браузере и на сервере. Он предлагает разработчикам простой способ начать работу, и, поскольку он использует React.js для шаблона, это также является простым способом для разработчиков с опытом работы React, чтобы быстро стать продуктивным.

Преимущество этого подхода состоит в том, чтобы иметь возможность создавать богатый опыт пользователей одинаковым способом, не ставя под угрозу факторы SEO (поисковая оптимизация), которые являются ключом к хорошему ранжированию в Google и других поисковых системах.

Этот шаблон облегчает вставание и запуск с хорошо структурированным приложением Next.js и TypeScript.

Функции

Проект Next Boilerplate предоставляет много функций из коробки. Вот обзор включенных компонентов и инструментов.

• Next.js - Минималистичная структура для приложений React -Reduction, выведенных на сервере.
• TypeScript - SuperSet of JavaScript, который в основном предоставляет дополнительную статическую типирование, классы и интерфейсы.
• Redux - предсказуемый контейнер состояния для приложений JavaScript.
• Express.js - минимальная и гибкая структура веб -приложений Node.js, которая обрабатывает рендеринг на стороне сервера и интегрируется с next.js.
• Встроенный Project CLI -создайте страницы, компоненты, действия, редукторы с одной командой с помощью встроенного CLI.
• SASS/SCSS - препроцессор CSS, который добавляет специальные функции, такие как переменные, вложенные правила и микшины (иногда называемые синтаксическим сахаром) в обычные CSS.
• Docker - инструмент, предназначенный для того, чтобы облегчить создание, развертывание и запуск приложений с помощью контейнеров.
• Вавилон - компилятор для JavaScript следующего поколения.
• Eslint - утилита подключения к личени.
• Обратный прокси - легкий сервер для прокси -запросов API.
• Bundler Analyzer - Визуализируйте размер выходных файлов WebPack с помощью интерактивного увеличения Zoomable TreeMap.
• Jest - JavaScript Testming Framework, созданная разработчиками, которые создали React.
• Библиотека тестирования React - простые и полные утилиты для тестирования React DOM, которые поощряют правильные методы тестирования.
• Next-Runtime-Dotenv -разоблачить переменные среды в конфигурации времени выполнения next.js
• Next-I18NEXT -Международная рамка, которая обеспечивает функцию, которая принимает ключ, некоторые параметры, и возвращает значение для текущего языка. Помогает вам добавить поддержку языкового перевода в ваше приложение.
• Справочник - инструмент с открытым исходным кодом для разработки компонентов пользовательского интерфейса в изоляции для React.
• Bootstrap - самая популярная HTML, CSS и JavaScript Framework для разработки адаптивных веб -сайтов -мобильных, первых.

Настройка и документация

Пожалуйста, обратитесь к нашему руководству по настройке, чтобы создать новое приложение.

Для получения более подробной документации, проверьте https://pankod.github.io/next-boilerplate/

Встроенный CLI

Pankod Boilerplate поставляется с инструментом CLI для оптимизации создания новых компонентов. Используя инструмент CLI, вы можете легко добавить страницы, компоненты класса или функциональные компоненты в ваш проект и иметь все необходимые действия, редукторы и импорт автоматически создаются для вас.

Чтобы запустить CLI, вам, возможно, придется установить его заранее, если вы еще этого не сделали.

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

Тогда вы можете использовать его в своих проектах:

 ~ $ npm run cli

После начала интерактивное меню позволит вам настроить создание компонента. Во -первых, вам попросят тип компонента, будь то страница или функциональный компонент. Тогда вам будет предложено другие варианты, относящиеся к вашему выбору.

В конце концов, вы в конечном итоге получите страницу или компонент со стилем и тестовыми файлами в кратчайшие сроки.

Лицензия

Лицензирован по лицензии MIT, Copyright © 2018-Present Pankod