next boilerplate

Bye Bye Next Boilerplate, bem -vindo ao Superplate!

Já faz muito tempo desde que iniciamos o projeto de plataforma seguinte. Estamos orgulhosos de que isso tenha ajudado muitos desenvolvedores de front -end em todo o mundo a acelerar seus ciclos de desenvolvimento de front -end.

Com o tempo, tivemos lições valiosas de nossa experiência e feedback da comunidade:

• Há um número infinito de tecnologias de front -end e é impossível combinar tudo em um único produto de caldeira.
• O projeto é difícil de manter com toneladas de dependências externas.

Para resolver o problema da complexidade, iniciamos um novo projeto do zero. Chamamos isso de "superplate" - a caldeira de front -end com superpowers.

Ele é construído sobre uma arquitetura de plug -in e permite integrar suas próprias ferramentas e práticas recomendadas com facilidade. Ele também inclui mais de 30 plugins embutidos de suas ferramentas favoritas.

A estrutura padrão do Superplate é a próxima.js, para que você possa começar a usá-lo imediatamente, em vez da próxima placa. Mais metas de estrutura estão chegando em breve.

Você pode verificar o projeto na página ou documentação do repo.

Próximo Boilerplate

Orientado a desempenho Next.js Aplicativo Boilerplate com Redux, TypeScript, Express.js e SASS.

_{Criado por Pankod}

Sobre

Next.js é uma estrutura de reação minimalista que é executada no navegador e no servidor. Ele oferece aos desenvolvedores uma maneira fácil de começar e, como ele usa o React.js para modelar, também é uma maneira direta para os desenvolvedores com experiência reagida se tornarem produtivos rapidamente.

A vantagem dessa abordagem é poder criar experiências ricas de usuário de maneira uniforme, sem comprometer os fatores de SEO (otimização de mecanismo de pesquisa) que são essenciais para uma boa classificação no Google e outros mecanismos de pesquisa.

Este caldeira facilita a execução e a execução de um bem estruturado Next.js e o aplicativo TypeScript.

Características

O Projeto Próximo Boilerplate fornece muitos recursos prontos para a caixa. Aqui está uma visão geral dos componentes e ferramentas incluídos.

• NEXT.JS - Estrutura minimalista para aplicativos React renderizados pelo servidor.
• TypeScript - Superset de JavaScript, que fornece principalmente digitação estática opcional, classes e interfaces.
• Redux - Um contêiner de estado previsível para aplicativos JavaScript.
• Express.js - Uma estrutura de aplicativos da Web mínima e flexível.
• Projeto interno CLI -Crie páginas, componentes, ações, redutores com um comando usando CLI embutido.
• SASS/SCSS - O pré -processador CSS, que adiciona recursos especiais, como variáveis, regras aninhadas e mixins (às vezes chamados de açúcar sintático) em CSS regulares.
• Docker - uma ferramenta projetada para facilitar a criação, implantação e execução de aplicativos usando contêineres.
• Babel - o compilador da próxima geração JavaScript.
• Eslint - o utilitário de linha flash.
• Proxy reverso - servidor leve para solicitações de API proxying.
• Analisador Bundler - Visualize o tamanho dos arquivos de saída do WebPack com um Treemap Zoomable interativo.
• JEST - JavaScript Testing Framework, criado por desenvolvedores que criaram o React.
• React Testing Library - Utilitários de teste de reação simples e completos que incentivam boas práticas de teste.
• Próximo Runtime-dotenv -Exponha variáveis de ambiente à configuração de tempo de execução de Next.js
• NEXT-I18NEXT -Uma estrutura de internacionalização que fornece uma função que leva uma chave, algumas opções e retorna o valor para o idioma atual. Ajuda você a adicionar suporte à tradução de idiomas ao seu aplicativo.
• Storybook - Uma ferramenta de código aberto para o desenvolvimento de componentes da interface do usuário isoladamente para o React.
• Bootstrap - A estrutura mais popular de HTML, CSS e JavaScript para o desenvolvimento de sites responsivos e móveis.

Configuração e documentação

Consulte o nosso guia de configuração para criar um novo aplicativo.

Para uma documentação mais detalhada, consulte https://pankod.github.io/next-boilerplate/

CLI embutida

O Pankod Boilerplate é enviado com uma ferramenta CLI para otimizar a criação de novos componentes. Ao usar a ferramenta CLI, você pode adicionar facilmente páginas, componentes de classe ou componentes funcionais ao seu projeto e ter todas as ações necessárias, redutores e importações são criadas automaticamente para você.

Para iniciar a CLI, você pode ter que instalá -lo de antemão, se ainda não o fez.

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

Então você pode usá -lo em seus projetos:

 ~ $ npm run cli

Após o início, um menu interativo permitirá que você configure o componente a ser criado. Em primeiro lugar, você será solicitado o tipo de componente, seja uma página ou um componente funcional. Em seguida, você será solicitado com as outras opções relevantes para sua seleção.

Eventualmente, você acabará com uma página ou componente com arquivos de estilo e teste em nenhum momento.

Licença

Licenciado sob a licença do MIT, Copyright © 2018-Present Pankod