Built with Nuxt 3, Sass, and TypeScript, with a subtle hint of MongoDB.
©
Name | Description |
---|---|
Nuxt 3 | Vue framework |
Vue 3 | Frontend framework |
Vite | Build tool |
Nuxt Content | Markdown-based content management |
TypeScript | Javascript with types |
SCSS/Sass | CSS preprocessor |
Netlify | Static site hosting |
Firebase | auth and data store |
Look at the Nuxt 3 info page to learn more:
Make sure to install the dependencies:
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
Start the development server on http://localhost:3000
npm run dev
Build the application for production:
# build SSR server
npm run build
# build static site
npm run generate # note: this will run `build` as well
Locally preview production build:
npm run preview
Checkout the Nuxt3 docs and Nuxt2 docs for more information.2
Footnotes
-
Can you fully reuse this website? That is certainly not my intention, but if you are learning Nuxt, Vue, or Web Development in general, feel free to use this as a starting point. Likewise, some of the designs are inspired by things I saw on the internet, but I redesigned myself. ↩
-
Nuxt 2 docs offer better examples and and interactive guides, but obviously are not up to date with everything new Nuxt 3 (but, generally, much of Nuxt 2 is still present in Nuxt 3 so there's useful stuff to be got there). ↩