Skip to content

lostflux/portfolio

Repository files navigation

Personal Website

Built with Nuxt 3, Sass, and TypeScript, with a subtle hint of MongoDB.

Deploy Status

Netlify Status

© ${2022}^{+}$, Amittai1


Tech Stack

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

Nuxt 3 Documentation

Look at the Nuxt 3 info page to learn more:

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

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

  1. 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.

  2. 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).