Skip to content

Fix and improve getting-started & contexto-secrets #78

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 11, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions i18n/en-US/articles/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@ description: Create full-stack javascript applications within seconds

> 📌 You can watch a video tutorial on our [Youtube Channel](https://www.youtube.com/watch?v=l23z00GEar8&list=PL5ylYELQy1hyFbguVaShp3XujjdVXLpId).

Create full-stack javascript applications within seconds using *npx* to generate your project files from the latest template.
Create full-stack javascript applications within seconds using `npx` to generate your project files from the latest template.

> 🔥 The minimum required [node.js](https://nodejs.org) version for development mode is *12.12.0*.

Replace *project-name* with your project name and run the command below to start a project:
Replace `project-name` with your project name and run the command below to start a project:

```sh
npx create-nullstack-app project-name
Expand Down Expand Up @@ -53,13 +53,13 @@ This is your application main file.

>✨ Learn more about the [njs file extension](/njs-file-extension "Nullstack Javascript").

The start function will be automatically called once when you run *npm start*, use it to populate your server [context](/context) with things like [database](/how-to-use-mongodb-with-nullstack), [settings](/context-settings), and [secrets](/context-secrets).
The `start` function will be automatically called once when you run `npm start`, use it to populate your server [context](/context) with things like [database](/how-to-use-mongodb-with-nullstack), [settings](/context-settings), and [secrets](/context-secrets).

>✨ Learn more about the [application startup](/application-startup).

### src/Application.scss

This is an empty file just to demonstrate that you can use [SCSS with nullstack](/styles).
This is an empty file just to demonstrate that you can use [SCSS with Nullstack](/styles).

It is a good practice to import a style file in a component with the same name.

Expand All @@ -69,7 +69,7 @@ It is a good practice to import a style file in a component with the same name.

Every file in here will be available to anyone from the domain root.

By default *create-nullstack-app* generates the icons required for your manifest.json and images for OG meta tags.
By default `create-nullstack-app` generates the icons required for your `manifest.json` and images for OG meta tags.

>✨ Learn more about [manifest.json](/context-project).

Expand All @@ -87,7 +87,7 @@ This is the compiled result of your application in production mode.

> 🔥 Do not touch this folder

>✨ Learn more about [how to deploy a nullstack application](/how-to-deploy-a-nullstack-application).
>✨ Learn more about [how to deploy a Nullstack application](/how-to-deploy-a-nullstack-application).

## Next step

Expand Down
40 changes: 20 additions & 20 deletions i18n/pt-BR/articles/comecando.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@ title: Começando
description: Crie aplicações full-stack em javascript em meros segundos
---

> 📌 Voce pode assistir um tutorial no nosso [Canal do Youtube](https://www.youtube.com/watch?v=ieLVXZGXUkI&list=PL5ylYELQy1hz1tcnZcP44xRxETpH9bTUe).
> 📌 Você pode assistir um tutorial no nosso [Canal do Youtube](https://www.youtube.com/watch?v=ieLVXZGXUkI&list=PL5ylYELQy1hz1tcnZcP44xRxETpH9bTUe).

Crie aplicações full-stack em javascript em segundos usando *npx* para gerar os arquivos do seu projeto do último template.
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](https://nodejs.org) para o modo de desenvovimento é *12.12.0*.
> 🔥 A versão mínima necessária do [node.js](https://nodejs.org/pt-br/) para o modo de desenvovimento é *12.12.0*.

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

```sh
npx create-nullstack-app project-name
Expand All @@ -27,21 +27,21 @@ Instale as dependências:
npm install
```

Comece a aplicação em mode de desenvolvimento:
Inicie a aplicação em modo de desenvolvimento:

```sh
npm start
```

## Entendendo os arquivos gerados

As seguintes pastas e arquivos são gerados:
As seguintes pastas e arquivos serão gerados:

### index.js

Este é o ponto de entrada do [Webpack](https://webpack.js.org).

Normalmente, voce não tem que mexer neste arquivo, mas é um lugar conveniente para importar dependências globais como frameworks CSS.
Normalmente, você não precisará mexer neste arquivo, mas é um lugar conveniente para importar dependências globais como frameworks CSS.

### src/

Expand All @@ -51,29 +51,29 @@ Esta pasta contêm o código fonte da sua aplicação.

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

>✨ Saiba mais sobre a [extensão de arquivo njs](/njs-file-extension "Nullstack Javascript").
>✨ Saiba mais sobre a [extensão de arquivo njs](/pt-br/extensao-de-arquivo-njs "Nullstack Javascript").

A função *start* será automaticamente chamada uma vez que voce rode *npm start*, use a para preencher o [contexto](/context) do seu servidor com coisas como [database](/how-to-use-mongodb-with-nullstack), [configurações](/context-settings), and [segredos](/context-secrets).
A função `start` será automaticamente chamada uma vez que você rode `npm start`, use a para preencher o [contexto](/pt-br/contexto) do seu servidor com coisas como [banco de dados](/pt-br/como-usar-mongodb-com-nullstack), [configurações](/pt-br/contexto-settings), e [segredos](/pt-br/contexto-secrets).

>✨ Saiba mais sobre a [inicialização da aplicação](/application-startup).
>✨ Saiba mais sobre a [inicialização da aplicação](/pt-br/inicializacao-da-aplicacao).

### src/Application.scss

Este é um arquivo vazio só para demonstrar que voce pode usar [SCSS com nullstack](/styles).
Este é um arquivo vazio só para demonstrar que você pode usar [SCSS com Nullstack](/pt-br/estilos).

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

>✨ Saiba mais sobre [estilos](/styles).
>✨ Saiba mais sobre [estilos](/pt-br/estilos).

### public/

Cada arquivo aqui será disponível para qualquer um desde a raíz do domínio.
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 suas meta tags OG.
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](/context-project).
>✨ Saiba mais sobre o [manifest.json](/pt-br/contexto-project).

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

### .development/

Expand All @@ -87,8 +87,8 @@ Este é o resultado compilado da sua aplicação em modo de produção.

> 🔥 Não toque nesta pasta

>✨ Saiba mais sobre [como implantar uma application nullstack](/how-to-deploy-a-nullstack-application).
>✨ Saiba mais sobre [como fazer deploy de aplicação Nullstack](/pt-br/como-fazer-deploy-de-aplicacao-nullstack).

## Next step
## Próximo Passo

⚔ Crie seu primeiro [componente renderizável](/renderable-components).
⚔ Crie seu primeiro [componente renderizável](/pt-br/componentes-renderizaveis).
4 changes: 2 additions & 2 deletions i18n/pt-BR/articles/contexto-secrets.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
Título: Contexto Secrets
Descrição: O objeto secrets é um proxy na parte do framework no contexto, no qual você pode usar para configurar dados sensíveis para sua aplicação.
title: Contexto Secrets
description: O objeto secrets é um proxy na parte do framework no contexto, no qual você pode usar para configurar dados sensíveis para sua aplicação.
---

O objeto *secrets* é um proxy na parte do framework no contexto, no qual você pode usar para configurar dados sensíveis para sua aplicação.
Expand Down