Skip to content

Commit f332825

Browse files
BrendonSSilvaBrendonSSilva
committed
fixing typos/files
1 parent 98b6a44 commit f332825

14 files changed

+118
-117
lines changed

‎i18n/pt-BR/components/Examples.yml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,22 +5,22 @@ tagline: "Uma coleção de exemplos de aplicações com Nullstack."
55
contribute: "Estamos aceitando mais exemplos! Você pode escrevê-lo em markdown e fazer uma PR em <a href='https://github.com/nullstack/nullstack.github.io/pulls'>github repo</a>."
66
posts:
77
- title: "Como fazer deploy no Vercel"
8-
href: "/como-fazer-deploy-vercel"
8+
href: "/examples/como-fazer-deploy-vercel"
99
description: "Siga esses passos para fazer deploy no Vercel"
1010
- title: "Como fazer deploy no GitHub Pages"
11-
href: "/como-fazer-deploy-github-pages"
11+
href: "/examples/como-fazer-deploy-github-pages"
1212
description: "Siga esses passos para fazer deploy no GitHub Pages"
1313
- title: "Como fazer deploy no Heroku"
14-
href: "/como-fazer-deploy-heroku"
14+
href: "/examples/como-fazer-deploy-heroku"
1515
description: "Siga esses passos para fazer deploy no Heroku"
1616
- title: "Como usar MongoDB"
17-
href: "/como-usar-mongodb-com-nullstack"
17+
href: "/examples/como-usar-mongodb-com-nullstack"
1818
description: "Siga esses passos para fazer deploy no Heroku"
1919
- title: "Como usar o Google Analytics"
20-
href: "/examples/como-usar-google-analytics-com-nullstack"
20+
href: "/examples/como-usar-google-analytics-no-nullstack"
2121
description: "Aproveite as chaves de contexto e eventos personalizados para criar um componente que envie eventos de forma dinâmica para o GTAG."
2222
- title: "Como usar o Facebook Pixel"
23-
href: "/examples/como-usar-facebook-pixel-com-nullstack"
23+
href: "/examples/como-usar-facebook-pixel-no-nullstack"
2424
description: "Aproveite as chaves de contexto e eventos personalizados para criar um componente que envie eventos de forma dinâmica para o Pixel"
2525
- title: "Usando o Nullstack como uma API"
2626
href: "/examples/usando-nullstack-como-uma-api"

‎i18n/pt-BR/examples/como-fazer-deploy-github-pages.md‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
---
2+
title: Como fazer deploy de uma aplicação Nullstack no GitHub Pages
3+
description: Você pode colocar uma aplicação Nullstack em qualquer lugar. Faça deploy da sua aplicação no Vercel, Heroku, AWS, Azure, GitHub pages, ou em qualquer outro lugar.
4+
---
5+
6+
Altere seu script build no `package.json` para incluir `--mode=ssg`:
7+
8+
```json
9+
"build": "npx nullstack build --mode=ssg",
10+
```
11+
12+
No seu repositório em `/settings/pages` você pode:
13+
14+
- configurar em qual branch você vai servir arquivos estáticos
15+
- configurar em qual pasta você vai servir arquivos estáticos
16+
17+
Para as configurações abaixo, escolha `master` como o branch que você vai usar e a pasta raiz `/` como a pasta que você quer usar.
18+
19+
Crie o arquivo `.github/workflows/ssg-build.yml` (sendo `main` o branch que vai causar o deploy).
20+
21+
Na parte de build abaixo, atualize as variáveis de ambiente para construir a aplicação com as configurações corretas.
22+
23+
- `NULLSTACK_PROJECT_NAME` - nome do seu projeto
24+
- `NULLSTACK_PROJECT_DOMAIN` - domínio, necessário para mostrar as meta tags corretamente
25+
- se você tiver um domínio diferente, você também deve criar o arquivo `public/CNAME` contendo o nome do seu domínio
26+
- `NULLSTACK_PROJECT_COLOR` - cor da sua aplicação
27+
28+
> ✨ Você pode alternativamente guardar estes valores de ambiente na seção de segredos do GitHub.
29+
30+
```yml
31+
name: Nullstack SSG Build and Deploy
32+
33+
on:
34+
push:
35+
branches: [main]
36+
37+
jobs:
38+
build:
39+
runs-on: ubuntu-latest
40+
41+
steps:
42+
- uses: actions/checkout@v3
43+
44+
- name: Cache dependencies
45+
uses: actions/cache@v3
46+
with:
47+
path: |
48+
**/node_modules
49+
**/yarn.lock
50+
**/.production
51+
key: node_modules-${{ hashFiles('**/package.json') }}
52+
53+
- name: Install deps
54+
run: yarn
55+
56+
- name: Build
57+
env:
58+
NULLSTACK_PROJECT_NAME: 'Nullstack Project Name'
59+
NULLSTACK_PROJECT_DOMAIN: 'some-awesome-nullstack-project.com'
60+
NULLSTACK_PROJECT_COLOR: '#D22365'
61+
run: yarn build --cache
62+
63+
- name: Deploy 🚀
64+
uses: JamesIves/[email protected]
65+
with:
66+
branch: master
67+
folder: built
68+
```
69+
70+
Esta ação irá construir sua aplicação em modo SSG e irá gerar a pasta contendo seu site estático, o último comando vai pegar a pasta estática e jogar no branch `master` permitindo o GitHub servir o conteúdo estático diretamente da pasta raiz.

‎i18n/pt-BR/examples/como-fazer-deploy-heroku.md‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
title: Como fazer deploy de uma aplicação Nullstack no Heroku
3+
description: Você pode colocar uma aplicação Nullstack em qualquer lugar. Faça deploy da sua aplicação no Vercel, Heroku, AWS, Azure, GitHub pages, ou em qualquer outro lugar.
4+
---
5+
6+
Use o Buildpack `heroku/nodejs`.
7+
8+
Crie um arquivo `Procfile` na raíz da aplicação com o seguinte:
9+
10+
```
11+
web: node .production/server.js
12+
```

i18n/pt-BR/examples/how-to-deploy-to-vercel.md renamed to i18n/pt-BR/examples/como-fazer-deploy-vercel.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,17 @@
11
---
22
title: Como fazer deploy de uma aplicação Nullstack no Vercel
3-
description: Você pode hospedar um aplicativo Nullstack em qualquer lugar. Faça deploy no Vercel, Heroku, AWS, Azure, GitHub Pages ou em qualquer outro lugar.
3+
description: Você pode colocar uma aplicação Nullstack em qualquer lugar. Faça deploy da sua aplicação no Vercel, Heroku, AWS, Azure, GitHub pages, ou em qualquer outro lugar.
44
---
55

6-
Crie `api/nullstack.js` para exportar o servidor de aplicativos em produção.
6+
Crie o arquivo `api/nullstack.js` para exportar o servidor de produção.
77

88
```js
99
import application from '../.production/server'
1010

1111
export default application.server;
1212
```
13-
Adicione `vercel.json` na raiz do projeto para redirecionar todas as requests para o Nullstack:
13+
14+
Adicione a seguinte configuração no `vercel.json` na raiz da sua aplicação para redirecionar todos requests do nullstack:
1415

1516
```json
1617
{

i18n/pt-BR/examples/como-usar-facebook-pixel-com-nullstack.md renamed to i18n/pt-BR/examples/como-usar-facebook-pixel-no-nullstack.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
title: Facebook Pixel
3-
description: Aproveite as chaves de contexto e eventos personalizados para criar um componente que envie eventos de forma dinâmica para o Pixel.
3+
description: Aproveite as vantagens do [contexto](/pt-br/contexto) e [eventos personalizados](/pt-br/contexto-page) para criar um componente que envia eventos Pixel dinamicamente.
44
---
55

66
De acordo com [developers.facebook.com](https://developers.facebook.com/docs/facebook-pixel/):
77

8-
"O Pixel da Metal é um trecho de código JavaScript que permite a você rastrear a atividade dos visitantes do seu site."
8+
"O Facebook Pixel é um trecho de código JavaScript que permite rastrear a atividade do visitante em seu site."
99

10-
Aproveite as [chaves de contexto](/contexto) e [eventos personalizados](/contexto-page) para criar um componente que envie eventos de forma dinâmica para o Pixel.
10+
Você pode aproveitar as vantagens do [contexto](/pt-br/contexto) e dos [eventos personalizados](/pt-br/contexto-page) para criar um componente que envia eventos Pixel dinamicamente.
1111

12-
O Facebook Pixel só pode ser chamado depois do [`hydrate`](/ciclo-de-vida-full-stack) para garantir de que está rodando no client.
12+
O Facebook Pixel só pode ser chamado depois de [`hydrate`](/pt-br/ciclo-de-vida-full-stack) para garantir que está sendo executado no cliente.
1313

1414
```jsx
1515
import Nullstack from 'nullstack';
@@ -58,7 +58,7 @@ class Application extends Nullstack {
5858
render() {
5959
return (
6060
<main>
61-
<FacebookPixel id="TROQUE_PARA_SEU_ID_DO_FACEBOOK_PIXEL" />
61+
<FacebookPixel id="SUBSTITUA_COM_SEU_ID_DO_FACEBOOK_PIXEL" />
6262
</main>
6363
)
6464
}
@@ -69,9 +69,9 @@ class Application extends Nullstack {
6969
export default Application;
7070
```
7171

72-
## Usando Wrapper
72+
## Usando um Wrapper
7373

74-
Como outra alternativa, você pode instalar [nullstack-facebook-pixel](https://github.com/Mortaro/nullstack-facebook-pixel) como uma dependência:
74+
Alternativamente, você pode instalar [nullstack-facebook-pixel](https://github.com/Mortaro/nullstack-facebook-pixel) como uma dependência:
7575

7676
```sh
7777
npm install nullstack-facebook-pixel
@@ -88,7 +88,7 @@ class Application extends Nullstack {
8888
render() {
8989
return (
9090
<main>
91-
<FacebookPixel id="TROQUE_PARA_SEU_ID_DO_FACEBOOK_PIXEL" />
91+
<FacebookPixel id="SUBSTITUA_COM_SEU_ID_DO_FACEBOOK_PIXEL" />
9292
</main>
9393
)
9494
}

i18n/pt-BR/examples/como-usar-google-analytics-com-nullstack.md renamed to i18n/pt-BR/examples/como-usar-google-analytics-no-nullstack.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
title: Google Analytics
3-
description: Aproveite as chaves de contexto e eventos personalizados para criar um componente que envie eventos de forma dinâmica para o GTAG.
3+
description: Aproveite as vantagens do contexto e dos eventos personalizados para criar um componente que envia eventos GTAG dinamicamente.
44
---
55

66
De acordo com [analytics.google.com](https://analytics.google.com):
77

8-
"O Google Analytics permite que você meça o retorno do investimento em publicidade, além de rastrear seus anúncios em Flash, vídeo e sites e aplicativos de redes sociais."
8+
"O Google Analytics permite que você avalie o ROI de publicidade, bem como rastreie o Flash, vídeo e mídias sociais em sites e aplicativos."
99

10-
Aproveite as [chaves de contexto](/contexto) e [eventos personalizados](/contexto-page) para criar um componente que envie eventos de forma dinâmica para o GTAG.
10+
Você pode aproveitar as vantagens do [contexto](/pt-br/contexto) e dos [eventos personalizados](/pt-br/contexto-page) para criar um componente que envia eventos GTAG dinamicamente.
1111

12-
O GTAG só pode ser chamado depois do [`hydrate`](/ciclo-de-vida-full-stack) para garantir de que está rodando no client.
12+
O GTAG só pode ser chamado depois de [`hydrate`](/pt-br/ciclo-de-vida-full-stack) para garantir que está sendo executado no cliente.
1313

1414
```jsx
1515
import Nullstack from 'nullstack';
@@ -59,7 +59,7 @@ class Application extends Nullstack {
5959
render() {
6060
return (
6161
<main>
62-
<GoogleAnalytics id="TROQUE_PARA_SEU_ID_DO_ANALYTICS" />
62+
<GoogleAnalytics id="SUBSTITUA_COM_SEU_ID_DO_GOOGLE_ANALYTICS" />
6363
</main>
6464
)
6565
}
@@ -70,9 +70,9 @@ class Application extends Nullstack {
7070
export default Application;
7171
```
7272

73-
## Usando Wrapper
73+
## Usando um Wrapper
7474

75-
Como outra alternativa, você pode instalar [nullstack-google-analytics](https://github.com/Mortaro/nullstack-google-analytics) como uma dependência:
75+
Alternativamente, você pode instalar o [nullstack-google-analytics](https://github.com/Mortaro/nullstack-google-analytics) como uma dependência:
7676

7777
```sh
7878
npm install nullstack-google-analytics
@@ -89,7 +89,7 @@ class Application extends Nullstack {
8989
render() {
9090
return (
9191
<main>
92-
<GoogleAnalytics id="TROQUE_PARA_SEU_ID_DO_ANALYTICS" />
92+
<GoogleAnalytics id="SUBSTITUA_COM_SEU_ID_DO_GOOGLE_ANALYTICS" />
9393
</main>
9494
)
9595
}

i18n/pt-BR/examples/how-to-use-mongodb-with-nullstack.md renamed to i18n/pt-BR/examples/como-usar-mongodb-com-nullstack.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
---
22
title: Como usar MongoDB
3-
description: Você pode usar qualquer banco de dados com Nullstack, mas a integração JavaScript e flexibilidade do MongoDB parece especialmente boa com aplicativos Nullstack.
3+
description: Você pode usar qualquer banco de dados com Nullstack, mas a integração JavaScript e flexibilidade do MongoDB parece especialmente boa com aplicativos Nullstack
44
---
55

6-
De acord com [mongodb.com](https://www.mongodb.com):
6+
De acordo com [mongodb.com](https://www.mongodb.com):
77

88
"O MongoDB é um banco de dados distribuído de propósito geral, baseado em documentos, criado para desenvolvedores de aplicativos modernos e para a era da nuvem."
99

1010
Você pode usar qualquer banco de dados com Nullstack, mas a integração JavaScript e flexibilidade do MongoDB parece especialmente boa com aplicativos Nullstack.
1111

12-
Instale o driver do MongoDB pelo npm:
12+
Instale o driver MongoDB do npm:
1313

1414
```sh
1515
npm install mongodb
1616
```
1717

18-
Configure as credenciais do banco de dados usando [`secrets`](/context-secrets) em seu arquivo `.env`.
18+
Configure as credenciais do banco de dados usando [`secrets`](/pt-br/contexto-secrets) em seu arquivo `.env`.
1919

2020
```
2121
NULLSTACK_SECRETS_MONGODB_URI="mongodb://localhost:27017/dbname"

‎i18n/pt-BR/examples/how-to-deploy-to-github-pages.md‎

Lines changed: 0 additions & 70 deletions
This file was deleted.

‎i18n/pt-BR/examples/how-to-deploy-to-heroku.md‎

Lines changed: 0 additions & 12 deletions
This file was deleted.

‎i18n/pt-BR/examples/usando-nullstack-como-uma-api.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "Usando o Nullstack como uma API web"
3-
description: "O Nullstack pode ser usado como uma API web, você escreve os seus próprios endpoints ou pode expôr suas server functions."
3+
description: "O Nullstack pode ser usado como uma API web, você escreve os seus próprios endpoints ou pode expor suas server functions."
44
---
55
O Nullstack pode ser usado como uma API web. O Nullstack roda um servidor expresso por trás da aplicação, permitindo que você defina suas próprias rotas e construa uma API web totalmente personalizada.
66

0 commit comments

Comments
 (0)