nuxt-lifecycle is an educational microsite demonstrating the lifecycle hooks of the Nuxt JavaScript framework. Built with Nuxt, this project serves as a practical learning resource for developers who want to understand the execution flow of Nuxt applications. The site compiles available documentation into an accessible format, allowing users to explore when and how various hooks are triggered during different stages of the application lifecycle, such as initialization, rendering, and data fetching. By providing a tangible example, it helps learners visualize the sequence of events in server-side rendering and static site generation scenarios. The project follows standard Nuxt development workflows, supporting dependency installation, development mode with hot reloading, production builds, and static generation. It is designed for developers seeking to master Nuxt by observing real-world implementation patterns and understanding the underlying mechanics of the framework. This tool is particularly useful for th
# install dependencies
$ npm run install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm run start
# generate static project
$ npm run generate
For detailed explanation on how things work, check out Nuxt.js docs.