You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/docs/en/pages/devtools/azion-edge-runtime/nextjs/2023-02-14-index.mdx
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -86,7 +86,7 @@ You can use these repositories to understand how to configure your Next.js app t
86
86
"moduleResolution": "bundler"
87
87
```
88
88
89
-
If this is not set, you may encounter issues during the build or runtime process.
89
+
If this is not set, you may encounter issues during the build or runtime process.
90
90
91
91
- There is a known issue with ESM and the `open-next.config.ts` file. If you have an older project or one that depends on a specific TypeScript version or custom configuration, you may need to:
92
92
- Reconfigure your project (for example, by setting `moduleResolution: bundler` as above), **or**
The `@aziontech/opennextjs-azion` adapter lets you deploy Next.js apps to Azion Web Platform. This guide will help you set up a new or existing Next.js project for Azion, configure caching, develop locally, and deploy to production.
Copy file name to clipboardExpand all lines: src/content/docs/en/pages/guides/open-next/troubleshooting-opennext.mdx
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -100,7 +100,7 @@ Request received from continent: SA
100
100
101
101
```
102
102
103
-
This allows you to debug routing logic, security (e.g., blocking by region), and content personalization.
103
+
This allows you to debug routing logic, security (for example, blocking by region), and content personalization.
104
104
105
105
## 4. Structured Log Collection with the GraphQL API
106
106
@@ -111,7 +111,7 @@ With it, you can execute queries to fetch logs in a structured format.
111
111
**Key Tool**: The **GraphQL Playground**, available in the Azion Console, allows you to build and test your queries before integrating them into your tools.
112
112
113
113
**Example Query**:
114
-
This query fetches the 10 most recent console events containing a specific log line.
114
+
This query fetches the 10 most recent Console events containing a specific log line.
115
115
116
116
```graphql
117
117
querygetConsoleEvents {
@@ -142,17 +142,17 @@ To resolve this:
142
142
3.**Optimize imports**: Prefer importing specific functions instead of entire libraries (for example, `import { parse } from "date-fns"` instead of `import * as dateFns from "date-fns"`).
143
143
4.**Leverage Azion’s caching**: Move static assets and large files to Azion’s Object Storage or CDN, and reference them via URLs instead of bundling them.
144
144
145
-
Refer to [Azion’s documentation on function limits](/en/documentation/products/build/edge-application/edge-functions/#limits) for up-to-date size restrictions.
145
+
Refer to [Azion’s documentation on Functions limits](/en/documentation/products/build/edge-application/edge-functions/#limits) for up-to-date size restrictions.
146
146
147
147
---
148
148
149
-
## 6. My environment variables are not available in the Function
149
+
## 6. My environment variables are not available in the Functions
150
150
151
-
Azion allows you to define environment variables for your functions, but they must be configured explicitly in the Azion console or via the API.
151
+
Azion allows you to define environment variables for your functions, but they must be configured explicitly in the Azion Console or via the API.
152
152
153
-
If your code cannot access an expected environment variable:
153
+
If your code can't access an expected environment variable:
154
154
155
-
1.**Check the Azion console**: Go to your Application > Functions > Environment Variables and ensure the variable is defined.
155
+
1.**Check the Azion Console**: Go to your Application > Functions > Environment Variables and ensure the variable is defined.
156
156
2.**Redeploy after changes**: Any change to environment variables requires a redeploy of your function to take effect.
157
157
3.**Access variables correctly**: In your code, use `process.env.MY_VARIABLE` (for Node.js compatibility) or the platform-specific API if using another runtime.
Copy file name to clipboardExpand all lines: src/content/docs/pt-br/pages/devtools/azion-edge-runtime/nextjs/nextjs.mdx
+18-18Lines changed: 18 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,7 @@ Compatibilidade entre diferentes versões do Next.js e a Azion Web Platform.
22
22
23
23
## OpenNext
24
24
25
-
O adaptador [`@aziontech/opennextjs-azion`](https://www.npmjs.com/package/@aziontech/opennextjs-azion) permite que você implante aplicativos Next.js para [Funções Azion](https://www.azion.com/pt-br/produtos/edge-functions/) usando o [runtime "de Node.js" do Next.js](https://nextjs.org/docs/app/building-your-application/rendering/edge-and-nodejs-runtimes).
25
+
O adaptador [`@aziontech/opennextjs-azion`](https://www.npmjs.com/package/@aziontech/opennextjs-azion) permite que você implemente aplicativos Next.js para [Functions da Azion](https://www.azion.com/pt-br/produtos/edge-functions/) usando o [runtime "de Node.js" do Next.js](https://nextjs.org/docs/app/building-your-application/rendering/edge-and-nodejs-runtimes).
Siga o guia [aqui](/azion/get-started) para usar [@aziontech/opennextjs-azion](https://www.npmjs.com/package/@aziontech/opennextjs-azion) com um aplicativo Next.js existente.
39
+
[Siga o guia aqui](/azion/get-started) para usar [@aziontech/opennextjs-azion](https://www.npmjs.com/package/@aziontech/opennextjs-azion) com um aplicativo Next.js existente.
40
40
41
41
### Versões do Next.js suportadas
42
42
@@ -51,29 +51,29 @@ Para ajudar a melhorar a compatibilidade, incentivamos você a [relatar bugs](ht
|[Node Middleware](https://nextjs.org/docs/app/building-your-application/routing/middleware#runtime)| 🟡 |Foi introduzido no 15.2, mas ainda não é suportado |
58
+
|[Otimização de imagem](https://nextjs.org/docs/app/building-your-application/optimizing/images)| 🔴 ||
As functions Azion têm um limite máximo de tamanho de 50 MiB por função. Após compilar seu projeto, preste atenção ao tamanho comprimido (gzipped) do seu pacote de implantação — apenas o tamanho comprimido conta para esse limite.
67
-
Para mais detalhes, consulte a [documentação sobre limites de tamanho para Funções](/pt-br/documentacao/produtos/build/edge-application/edge-functions/#limites).
66
+
As Functions da Azion têm um limite máximo de tamanho de 50 MB por função. Após compilar seu projeto, preste atenção ao tamanho comprimido (gzipped) do seu pacote de implementação — apenas o tamanho comprimido conta para esse limite.
67
+
Para mais detalhes, consulte a [documentação sobre limites de tamanho para Functions](/pt-br/documentacao/produtos/build/edge-application/edge-functions/#limites).
68
68
:::
69
69
70
70
### Exemplos
71
71
72
-
Para criar um novo aplicativo Next.js para Azion, você pode usar os seguintes projetos iniciantes e templates:
72
+
Para criar um novo aplicativo Next.js na Azion, você pode usar os seguintes projetos iniciantes e templates:
73
73
74
74
#### Projetos iniciantes básicos
75
75
76
-
-[Template Next.js + TypeScript + Tailwind](https://github.com/aziontech/azion-samples/tree/dev/templates/opennextjs/nextal-next-typescript-tailwind) — um template pronto para uso para construir aplicativos Next.js modernos nas Funções Azion.
76
+
-[Template Next.js + TypeScript + Tailwind](https://github.com/aziontech/azion-samples/tree/dev/templates/opennextjs/nextal-next-typescript-tailwind) — um template pronto para uso para construir aplicativos Next.js modernos nas Functions da Azion.
77
77
-[Node Playground (Next.js 13)](https://github.com/aziontech/bundler-examples/tree/main/examples/nextjs/node-playground-13) — um exemplo mostrando como executar Next.js 13 em um ambiente Node.js na Azion.
78
78
79
79
Você pode usar esses repositórios para entender como configurar seu aplicativo Next.js para rodar na Azion, ou como um ponto de partida para seus próprios projetos.
@@ -87,7 +87,7 @@ Você pode usar esses repositórios para entender como configurar seu aplicativo
87
87
"moduleResolution": "bundler"
88
88
```
89
89
90
-
Se isso não estiver configurado, você poderá encontrar problemas durante o processo de build ou execução.
90
+
Se isso não estiver configurado, você poderá encontrar problemas durante o processo de build ou execução.
91
91
92
92
- Existe um problema conhecido com ESM e o arquivo `open-next.config.ts`. Se você tem um projeto mais antigo ou que depende de uma versão específica do TypeScript ou de uma configuração customizada, pode ser necessário:
93
93
- Reconfigurar seu projeto (por exemplo, definindo `moduleResolution: bundler` como acima), **ou**
@@ -99,12 +99,12 @@ Você pode usar esses repositórios para entender como configurar seu aplicativo
99
99
100
100
Se isso funcionará depende da configuração do seu projeto. Em alguns casos, excluir `open-next.config.ts` permite que o build prossiga, mas você ainda pode encontrar erros, especialmente se seu projeto usar funcionalidades como `_app.mdx` ou outras configurações avançadas. Isso é particularmente relevante para projetos que não foram testados com essas configurações, e problemas também podem ocorrer em outros ambientes (como o pacote Cloudflare).
101
101
102
-
#### Desenvolvimento Local
102
+
#### Desenvolvimento local
103
103
104
-
- Algumas aplicações podem usar Node.js ou APIs Padrão Web que não são totalmente suportadas pelo ambiente de desenvolvimento local da Azion. Entretanto, esses recursos podem estar disponíveis no runtime real da Azion.
104
+
- Algumas aplicações podem usar Node.js ou APIs padrão web que não são totalmente suportadas pelo ambiente de desenvolvimento local da Azion. Entretanto, esses recursos podem estar disponíveis no runtime real da Azion.
105
105
106
106
:::tip
107
-
Se sua aplicação não funcionar como esperado durante o desenvolvimento local, tente implantá-la na Azion antes de continuar a solução de problemas, pois ela pode funcionar corretamente no ambiente implantado.
107
+
Se sua aplicação não funcionar como esperado durante o desenvolvimento local, tente implementá-la na Azion antes de continuar a solução de problemas, pois ela pode funcionar corretamente no ambiente implementado.
108
108
:::
109
109
110
110
## Next.js 14.x.y
@@ -202,7 +202,7 @@ Digamos que você crie `pages/azion.js` exportando um React component.
202
202
203
203
```js
204
204
exportdefaultfunctionAzion() {
205
-
return<div>A maneira mais fácil de construir, implantar, observar e proteger aplicações modernas.</div>
205
+
return<div>A maneira mais fácil de construir, implementar, observar e proteger aplicações modernas.</div>
-`azion preview`: Executa uma pré-visualização local usando o Azion CLI.
77
-
-`azion deploy`: Faz deploy na Azion Web Platform usando Deploy Remoto.
77
+
-`azion deploy`: Faz deploy na Azion Web Platform usando deploy remoto.
78
78
- ou `azion deploy --local` para fazer deploy na Azion Web Platform usando Deploy Local.
79
79
80
-
5. Configure Cache e Armazenamento:
80
+
5. Configure cache e armazenamento:
81
81
82
82
Veja o [Guia de Cache](/azion/caching) para saber como configurar o Azion Object Storage e Cache para ISR/SSG. Exemplo de configuração Azion:
83
83
@@ -152,37 +152,37 @@ Use o [Azion CLI](/pt-br/documentacao/produtos/cli/) para desenvolvimento local:
152
152
azion dev
153
153
```
154
154
155
-
Isso executa sua Aplicação localmente, simulando a plataforma Azion. Veja [Solução de Problemas](/pt-br/documentacao/produtos/guias/opennext/troubleshooting/) para dicas de depuração e monitoramento de logs.
155
+
Isso executa sua aplicação localmente, simulando a plataforma Azion. Veja [Solução de Problemas](/pt-br/documentacao/produtos/guias/opennext/troubleshooting/) para dicas de depuração e monitoramento de logs.
156
156
157
157
---
158
158
159
159
### Implementação
160
160
161
-
Implante seu app na Azion Web Platform:
161
+
Implemente seu app na Azion Web Platform:
162
162
163
163
```sh
164
164
azion deploy
165
165
```
166
166
167
-
Ou use o Azion CLI para implementar na Azion Web Platform usando Implementação Local:
167
+
Ou use o Azion CLI para implementar na Azion Web Platform usando implementação local:
168
168
169
169
```sh
170
170
azion deploy --local
171
171
```
172
172
173
173
---
174
174
175
-
### Melhores Práticas e Solução de Problemas
175
+
### Melhores práticas e solução de problemas
176
176
177
-
- Veja [Problemas Conhecidos](/pt-br/documentacao/runtime-api/frameworks-suportados/nextjs/#problemas-conhecidos) para notas de configuração importantes.
177
+
- Veja [Problemas Conhecidos](/pt-br/documentacao/runtime-api/frameworks-suportados/nextjs/#problemas-conhecidos) para acessar notas de configuração importantes.
178
178
- Veja [Solução de Problemas](/pt-br/documentacao/produtos/guias/opennext/troubleshooting/) para dicas de desenvolvimento local, logs e depuração.
179
179
- Explore [Exemplos](/pt-br/documentacao/runtime-api/frameworks-suportados/nextjs/#exemplos) para projetos iniciais e templates.
180
-
- Para cache avançado, veja [Cache](/azion/caching).
180
+
- Para cache avançado, [veja Cache](/azion/caching).
181
181
182
182
:::tip
183
183
Algumas APIs do Node.js ou Web podem não ser totalmente suportadas no ambiente de desenvolvimento local da Azion, mas funcionarão em produção. Se você encontrar problemas localmente, tente fazer o deploy antes de tentar uma depuração profunda.
184
184
:::
185
185
186
-
Agora você está pronto para construir, testar e implementar apps Next.js nas Funções Azion!
186
+
Agora você está pronto para construir, testar e implementar apps Next.js nas Functions Azion!
0 commit comments