Começando

📌 Você pode assistir um tutorial no nosso Canal do Youtube.

Crie aplicações JavaScript full stack em segundos usando npx para gerar os arquivos do seu projeto usando o template mais recente.

🔥 A versão mínima necessária do node.js para o modo de desenvovimento é 12.20.0.

Troque project-name com o nome do seu projeto e rode o comanto abaixo para começar um projeto:

npx create-nullstack-app@latest project-name

💡 Você pode usar a CLI para selecionar o modelo javascript ou typescript em branco ou selecionar o modelo com tailwind css.

Troque o diretório para a pasta gerada:

cd project-name

Instale as dependências:

npm install # ou yarn

Inicie a aplicação em modo de desenvolvimento:

npm start # ou yarn start

Entendendo os arquivos gerados

As seguintes pastas e arquivos serão gerados:

server.js

Esta é a entrada do servidor e o ponto do gerador.

É um lugar conveniente para configurar coisas globais como banco de dados e manipular o contexto do servidor, detalhes em inicialização da aplicação.

client.js

Esta é a entrada do cliente e o ponto do gerador.

É um lugar conveniente para importar dependências globais como frameworks CSS e manipular o contexto do cliente.

src/

Esta pasta contêm o código fonte da sua aplicação.

src/Application.jsx

Este é o arquivo principal da sua aplicação.

✨ Saiba mais sobre a extensão de arquivo njs.

Quando você executa npm start, ele é consumido nos arquivos JS server/client por suas funções Nullstack.start, que inicia e retorna o context, que você pode usar para configurar coisas como banco de dados usando configurações e segredos.

✨ Saiba mais sobre a inicialização da aplicação.

src/Application.css

Este é um arquivo vazio só para demonstrar que você pode usar CSS com Nullstack.

É uma boa prática importar um arquivo de estilo em um componente com o mesmo nome.

✨ Saiba mais sobre estilos.

public/

Todo arquivo aqui ficará disponível para qualquer um na raíz do domínio.

Por padrão create-nullstack-app gera os ícones necessários para o seu manifest.json e imagens para meta tags OG.

✨ Saiba mais sobre o manifest.json.

Tenha certeza de trocar estas imagens pela identidade do seu projeto.

.development/

Este é o resultado compilado da sua aplicação em modo de desenvolvimento.

🔥 Não toque nesta pasta

.production/

Este é o resultado compilado da sua aplicação em modo de produção.

🔥 Não toque nesta pasta

✨ Saiba mais sobre como fazer deploy de aplicação Nullstack.