Skip to content

Commit

Permalink
updates frameworks docs
Browse files Browse the repository at this point in the history
  • Loading branch information
gabriel-azion committed Nov 14, 2023
1 parent ba72cae commit de12b74
Showing 1 changed file with 81 additions and 29 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -35,81 +35,107 @@ Azion employs the terminology `compute` and `deliver` to describe the operationa

## Next.js

**SSR**
<Badge variant="accent">
Static
</Badge>

Implementation:

- [Azion CLI how to build with Next.js](/en/documentation/products/build/develop-with-azion/frameworks-specific/next/)

---

<Badge variant="accent">
Compute
</Badge>

For Next.js Server-side rendering, Azion supports:
For Next.js compute mode, Azion supports:

- `runtime = 'nodejs'`
- Next.js **version 12.3.1**
- Pages router
- Next Node runtime version 12.3.1
- Pages format
- Index page (static)
- API Route
- SSR page
- Dynamic route
- [Pages router](https://nextjs.org/docs/pages)
- [API Route ](https://nextjs.org/docs/pages/building-your-application/routing/api-routes)
- [Dynamic route](https://nextjs.org/docs/pages/building-your-application/routing/dynamic-routes)
- [Web APIs](/en/documentation/products/edge-application/edge-functions/runtime-apis/javascript/)
- Node's [async_hooks](https://nodejs.org/api/async_hooks.html): [AsyncLocalStorage](https://nodejs.org/api/async_context.html#class-asynclocalstorage) and [AsyncResource](https://nodejs.org/api/async_hooks.html#class-asyncresource) are implemented.
- MemoryFS through Vulcan's [Vulcan.config.js](https://github.com/aziontech/vulcan#vulcanconfigjs) file
- Nested route
- Static page
- SSR page

Currently the following implementations are in progress and **aren't supported**:
Currently, the following implementations are in progress and **aren't supported**:

- Edge Runtime
- Next.js 13.x.y features (example: `app router`)
- Next.js 13.x.y features
- App Router

:::note
If the Next.js project isn't in **v12.3.1**, the build process won't work.
If the Next.js project isn't in **v12.3.1**, the build process won't work for compute mode.
:::

**SSG**
<Badge variant="accent">
static
</Badge>
import Button from '~/components/Button.astro'

Implementation:
<Button href="https://github.com/aziontech/vulcan/tree/main/examples/next/node-pages-12-3-1" text="go to a compute mode project example" variant="secondary" target="_blank"></Button>

- [Azion CLI how to build with Next.js](/en/documentation/products/build/develop-with-azion/frameworks-specific/next/)

---

## Angular
<Badge variant="accent">
static
Static
</Badge>

Angular is an open-source web framework designed with an emphasis on speed and suitability for websites that contain substantial content.

Learn more about [Angular](https://angular.io/docs).

Implementation:

- [Azion CLI how to build with Angular](/en/documentation/products/build/develop-with-azion/frameworks-specific/angular/)
- [RTM Angular boilerplate](/en/documentation/products/guides/angular-boilerplate/)

<Badge variant="accent">
Compute
</Badge>

:::note
The compute mode isn't implemented for Angular yet.
:::

---

## Astro
<Badge variant="accent">
static
Static
</Badge>

Astro offers a modern and user-friendly method for creating websites. It blends established performance principles from decades of web development with the convenience of component-based development trends. You can use your preferred JavaScript framework and, by default, Astro ensures that only the essential JavaScript is sent to the user.

**Implementation**
Implementation:

- [Azion CLI how to build with Astro](/en/documentation/products/build/develop-with-azion/frameworks-specific/astro/)
- [RTM Astro boilerplate](/en/documentation/products/guides/astro-boilerplate/)

<Badge variant="accent">
Compute
</Badge>

:::note
The compute mode isn't implemented for Astro yet.
:::

---

## Hexo
<Badge variant="accent">
static
Static
</Badge>

Hexo is listed on [the Jamstack documentation](https://jamstack.org/generators/hexo/) as a static site generator, aligned to the Jamstack approach.

Learn more about [Hexo](https://hexo.io/docs/).

**Implementation**
Implementation:

- [Azion CLI how to build with Hexo](/en/documentation/products/build/develop-with-azion/frameworks-specific/hexo/)

Expand All @@ -118,44 +144,70 @@ Learn more about [Hexo](https://hexo.io/docs/).

## React
<Badge variant="accent">
static
Static
</Badge>

React is listed on [the Jamstack documentation](https://jamstack.org/generators/react-static/) as a static site generator, aligned to the Jamstack approach.

Learn more about [React](https://react.dev/).

**Implementation**
Implementation:


- [Azion CLI how to build with React](/en/documentation/products/build/develop-with-azion/frameworks-specific/react/)
- [RTM React boilerplate](/en/documentation/products/guides/react-boilerplate/)

<Badge variant="accent">
Compute
</Badge>

:::note
The compute mode isn't implemented for React yet.
:::

---

## Vite
<Badge variant="accent">
static
Static
</Badge>

Vite is listed on [the Jamstack documentation](https://jamstack.org/generators/vite/) as a static site generator, aligned to the Jamstack approach.

Learn more about [Vite](https://vitejs.dev/).

Implementation:

- [Azion CLI how to build with Vite](/en/documentation/products/build/develop-with-azion/frameworks-specific/vite/)

<Badge variant="accent">
Compute
</Badge>

:::note
The compute mode isn't implemented for React yet.
:::

---

## Vue
<Badge variant="accent">
static
Static
</Badge>

Vue.js is a user-friendly, versatile, and approachable JavaScript framework for building web applications and user interfaces. Its progressive nature, reactivity system, component-based architecture, and thriving community make it a popular choice for both beginners and experienced developers in the world of front-end web development.

Learn more about [Vue](https://vuejs.org/guide/introduction.html).

**Implementation**
Implementation:

- [Azion CLI how to build with Vue](/en/documentation/products/build/develop-with-azion/frameworks-specific/vue/)
- [RTM Vue boilerplate](/en/documentation/products/guides/vue-boilerplate/)
- [RTM Vue boilerplate](/en/documentation/products/guides/vue-boilerplate/)

<Badge variant="accent">
Compute
</Badge>

:::note
The compute mode isn't supported for Vue yet.
:::

0 comments on commit de12b74

Please sign in to comment.