Skip to content

Tiny showcase and portfolio about me as developer

Notifications You must be signed in to change notification settings

rufusmai/rufusmai.com

Repository files navigation

Rufus Maiwald Portfolio v2

👉 rufusmai.com

This site aims to be a small portfolio about me as developer. Its made using the newest web technologies und frameworks.
Click here to watch v1 repository.

💻 Development

This site utilizes the Nuxt Full static mode. It pre renders all sites in static html files for optimal seo and performance.

All the routing after the initial load will happen on the client side like a normal SPA. tailwindcss is used as CSS framework to create an easy unique design, without having too much struggle with custom CSS.

For internationalization vue-i18n and its nuxt-i18n module is used, to allow easy reactive translations on the whole site.

This site can be installed and used offline using the built in service worker from the @nuxt/pwa module. Just click Install on the left navbar. This button appears if your browser thinks you might want to install this PWA.

As a small easter egg you can test the Oauth2 login of my project OneGaming right on the projects page.

🌍 Deployment

This site is deployed on Vercel. It provides multiple deployments for each branch and commit for free. Its integrated with github for deployment info and has many ready to go build templates for nuxt, next, vue, react, ...

The contact form is realized via Serverless Functions written in Node.js and Typescript.

🛠 Build Setup

# install dependencies
$ npm 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.