https://github.com/vhoyer/nuxt-lifecycle-study

This project is aimed at better understand the nuxt@3 lifecycle
https://github.com/vhoyer/nuxt-lifecycle-study

Last synced: 5 days ago
JSON representation

This project is aimed at better understand the nuxt@3 lifecycle

• Host: GitHub
• URL: https://github.com/vhoyer/nuxt-lifecycle-study
• Owner: vhoyer
• Created: 2022-06-30T18:55:00.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-18T18:57:00.000Z (11 months ago)
• Last Synced: 2024-12-15T18:49:43.172Z (11 days ago)
• Language: Vue
• Homepage:
• Size: 385 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# nuxt-static-lifecycle

## Dependencies

- docker

- make

## Running

```

make

```

## Output

When the server first becomes available, there is no output of any of the logs

defined in the project, so the below outputs are only displayed after one page

has been requested to the server and rendered into the client.

### Server console:

```bash

{ env: 'server' } create plugin

{ env: 'server' } Vuex state: [isRef=false] {}

{ env: 'server' } home: beforeRouteEnter

{ env: 'server' } plugin

{ env: 'server' } home: beforeCreate

{ env: 'server' } home: data

{ env: 'server' } home: created

{ env: 'server' } [plugin hooks]: app:rendered

```

### Client console:

```bash

log.js:2 {env: 'browser'} 'create plugin'

log.js:2 {env: 'browser'} 'Vuex state: [isRef=false]' Proxy(Object) {}

log.js:2 {env: 'browser'} 'home: beforeRouteEnter'

log.js:2 {env: 'browser'} 'plugin'

entry.js:54  is an experimental feature and its API will likely change.

log.js:2 {env: 'browser'} 'home: beforeCreate'

log.js:2 {env: 'browser'} 'home: data'

log.js:2 {env: 'browser'} 'home: created'

log.js:2 {env: 'browser'} 'home: beforeMount'

log.js:2 {env: 'browser'} 'home: mounted'

log.js:2 {env: 'browser'} '[plugin hooks]:' 'page:finish'

```