---
sidebar_position: 1
---

# Lifecycle

Modern.js application has a complete lifecycle, including CLI, Server Side and Runtime three stages.

Modern.js lifecycle is as follows:

:::note
The rectangle of the pink box represents the plugin hook provided by the Modern.js, and the light yellow base color ellipse represents the linkage point with the next stage.

:::

![lifecycle](https://lf3-static.bytednsdoc.com/obj/eden-cn/nuvjhpqnuvr/modern-website/life-cycle.svg)
