I started rebuilding this website in January 2021 with NuxtJS. So far it the most pleasant to work with. It is a framework based on Vue.js allowing to use it with SSR (Server Side Rendering), go to the official documentation of NuxtJS at https://nuxtjs.org/
npm init nuxt-app teach
Here are my choices for the project:
- JavaScript
- No CSS framework
- Axios and Content NuxtJS modules because I intent to use them in the project.
- ESLint for some help checking my code.
- I know Jest and use it as testing framework.
- Universal SSR
- Server (Node.js hosting)
- jsconfig.json as it is recommended for VS Code
- No CI as this is a personal project
- Use git with repository on local network or usb-stick
Project Build
Download nmp packages and start in dev mode to test the:
npm run install
npm run dev
Open the browser to visit the site: http://localhost:3000
Check if some packages can be updated:
npm outdated
Update packages:
npm update -S
Embed markdown file as content
When you did not choose content module in the beginning, add it with npm install @nuxt/content
Between the template tags add <nuxt-content :document="page" />
In script
tag add the async function asyncData
:
export default {
async asyncData ({ $content }) {
const page = await $content('start-nuxtjs-project').fetch()
return { page }
}
}