Skip to content

[EDU-6658] add-nextal-template-landing #1745

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.

Sign up for GitHub

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

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

[EDU-6658] add-nextal-template-landing #1745

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5a58afd
added next all template landing
LuizaVSantos Jul 16, 2025
1d351af
remoeved deploy url
LuizaVSantos Jul 16, 2025
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
Binary file added public/assets/docs/images/uploads/template-showcase/nextjs/nextal.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions ...t/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/nextjs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,7 @@ Next.js also allows for Server Side Rendering (SSR) on the Azion Web Platform. F
| Cosmic Next Blog | Blog | <LinkButton link="/en/documentation/products/templates/cosmic-nextjs-blog/" label="Learn more" severity="secondary" /> |
| Cosmic Agency | Agency/Starter | <LinkButton link="/en/documentation/products/templates/cosmic-agency/" label="Learn more" severity="secondary" /> |
| Space Jelly Shop | E-commerce | <LinkButton link="/en/documentation/products/templates/space-jelly-shop/" label="Learn more" severity="secondary" /> |
| Nextal | Starter | <LinkButton link="/en/documentation/products/templates/nextal/" label="Learn more" severity="secondary" /> |

### Deploying a template using Azion Console

Expand Down
1 change: 1 addition & 0 deletions ...nt/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/react.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@ Templates with other frameworks that also use React:
| Next.js Store with React | E-commerce | <LinkButton link="/en/documentation/products/templates/nextjs-store/" label="Learn more" severity="secondary" /> |
| Astro with React | Starter | <LinkButton link="/en/documentation/products/templates/astro-react/" label="Learn more" severity="secondary" /> |
| Astro With Multiple Frameworks | Starter | <LinkButton link="/en/documentation/products/templates/astro-multiple-frameworks/" label="Learn more" severity="secondary" /> |
| Nextal | Starter | <LinkButton link="/en/documentation/products/templates/nextal/" label="Learn more" severity="secondary" /> |

### Deploying a template using Azion Console

Expand Down
41 changes: 41 additions & 0 deletions ...azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextal.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
---
title: "   Nextal"
description: >-
With the Nextal template you can launch a Next.js SSR application that includes Vitest, Tailwind, Hero icons, and follows modern conventions such as Dark Mode, Atomic Design organization and Absolute imports.
permalink: /documentation/products/templates/nextal/
meta_tags: >-
Azion, Edge Computing, Azion Bundler framework, Nextjs, JavaScript frameworks,
Static Site Generation, SSG, Content-focused, React, OpenNext
namespace: documentation_template_landing_nextjs_nextal
menu_namespace: runtimeMenu
---

import LinkButton from 'azion-webkit/linkbutton';
import SectionBasicContent from 'azion-webkit/sectionbasiccontent';
import Container from 'azion-webkit/container';

<div class="[&_.flex.flex-col]:!gap-4 [&_.flex.flex-col]:md:!gap-8 [&_.flex.flex-col]:2xl:!gap-16">
<SectionBasicContent
titleTag="h2"
description="With the Nextal template you can launch a Next.js SSR application that includes Vitest, Tailwind, Hero icons, and follows modern conventions such as Dark Mode, Atomic Design organization and Absolute imports."
buttons={[
{ label: "Deploy template", link: "https://console.azion.com/create/nextjs/xxxxx", outlined: false, icon: "ai ai-azion", iconPos: "left" },
{ label: "View demo", link: "https://gz0m3r3yzj.map.azionedge.net", severity: "secondary" }
]}
/>
</div>

<div style="display: flex; gap: 1rem; align-items: center; flex-direction: row; flex-wrap: wrap;">
<div style="flex: 1; min-width: 300px;">
| Item | Details |
|:----------|:------|
| Repository | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/opennextjs/nextal-next-typescript-tailwind) |
| Framework | [Next.js](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/) |
| Use Case | General |
</div>
<div style="display: flex; justify-content: center; align-items: center; flex: 1; min-width: 300px;">
<img src="/assets/docs/images/uploads/template-showcase/nextjs/nextal.png" width="400" alt="Nextaltemplate" style="max-width: 100%; height: auto;" />
</div>
</div>

For more information about deploying this template visit the [template guide](/en/documentation/products/guides/nextal/).
1 change: 1 addition & 0 deletions ...s/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/nextjs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,7 @@ O Next.js também permite a Renderização do Lado do Servidor (SSR) na Azion We
| Cosmic Next Blog | Blog | <LinkButton link="/pt-br/documentacao/produtos/templates/cosmic-nextjs-blog/" label="Mais detalhes" severity="secondary" /> |
| Cosmic Agency | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/cosmic-agency/" label="Mais detalhes" severity="secondary" /> |
| Space Jelly Shop | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/space-jelly-shop/" label="Mais detalhes" severity="secondary" /> |
| Nextal | Geral | <LinkButton link="/pt-br/documentacao/produtos/templates/nextal/" label="Mais detalhes" severity="secondary" /> |

## Realizando deploy de um template no Azion Console

Expand Down
1 change: 1 addition & 0 deletions ...cs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/react.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@ Templates com outras frameworks que também usam React:
| NextJs Store with React | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-store/" label="Mais detalhes" severity="secondary" /> |
| Astro with React | Starter | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-react/" label="Mais detalhes" severity="secondary" /> |
| Astro With Multiple Frameworks | Starter | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-multiple-frameworks/" label="Mais detalhes" severity="secondary" /> |
| Nextal | Geral | <LinkButton link="/pt-br/documentacao/produtos/templates/nextal/" label="Mais detalhes" severity="secondary" /> |

### Realizando deploy de um template no Azion Console

Expand Down
41 changes: 41 additions & 0 deletions ...ion-edge-runtime/compatibilidade/frameworks/template-showcase/nextjs/nextal.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
---
title: "   Nextal"
description: >-
Com o template Nextal, você pode lançar uma aplicação Next.js SSR que inclui Vitest, Tailwind, Hero icons e segue convenções modernas como Modo Escuro, organização por Atomic Design e imports absolutos.
permalink: /documentation/products/templates/nextal/
meta_tags: >-
Azion, Edge Computing, Azion Bundler framework, Nextjs, JavaScript frameworks,
Static Site Generation, SSG, Content-focused, React, OpenNext
namespace: documentation_template_landing_nextjs_nextal
menu_namespace: runtimeMenu
---

import LinkButton from 'azion-webkit/linkbutton';
import SectionBasicContent from 'azion-webkit/sectionbasiccontent';
import Container from 'azion-webkit/container';

<div class="[&_.flex.flex-col]:!gap-4 [&_.flex.flex-col]:md:!gap-8 [&_.flex.flex-col]:2xl:!gap-16">
<SectionBasicContent
titleTag="h2"
description="Com o template Nextal, você pode lançar uma aplicação Next.js SSR que inclui Vitest, Tailwind, Hero icons e segue convenções modernas como Modo Escuro, organização por Atomic Design e imports absolutos."
buttons={[
{ label: "Deploy template", link: "https://console.azion.com/create/xxxxxx", outlined: false, icon: "ai ai-azion", iconPos: "left" },
{ label: "Ver demo", link: "https://gz0m3r3yzj.map.azionedge.net", severity: "secondary" }
]}
/>
</div>

<div style="display: flex; gap: 1rem; align-items: center; flex-direction: row; flex-wrap: wrap;">
<div style="flex: 1; min-width: 300px;">
| Item | Detalhes |
|:----------|:------|
| Repositório | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/opennextjs/nextal-next-typescript-tailwind) |
| Framework | [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/) |
| Caso de uso | Geral |
</div>
<div style="display: flex; justify-content: center; align-items: center; flex: 1; min-width: 300px;">
<img src="/assets/docs/images/uploads/template-showcase/nextjs/nextal.png" width="400" alt="Nextaltemplate" style="max-width: 100%; height: auto;" />
</div>
</div>

Para mais informações sobre a implementação deste template, visite o [guia do template](/pt-br/documentacao/produtos/guias/nextal/).