https://github.com/rufusmai/rufusmai.com
Tiny showcase and portfolio about me as developer
https://github.com/rufusmai/rufusmai.com
jamstack nuxt portfolio showcase spa static tailwindcss vue
Last synced: 12 months ago
JSON representation
Tiny showcase and portfolio about me as developer
- Host: GitHub
- URL: https://github.com/rufusmai/rufusmai.com
- Owner: rufusmai
- Created: 2019-09-15T13:01:36.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2025-05-04T12:41:00.000Z (about 1 year ago)
- Last Synced: 2025-07-03T08:17:42.314Z (12 months ago)
- Topics: jamstack, nuxt, portfolio, showcase, spa, static, tailwindcss, vue
- Language: Vue
- Homepage: https://rufusmai.com
- Size: 7.83 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rufus Maiwald Portfolio `v2`
👉 [rufusmai.com](https://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](https://github.com/rufusmai/rufusmai.com/tree/v1) to watch `v1` repository.
## 💻 Development
This site utilizes the [Nuxt](https://nuxtjs.org/) 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](https://tailwindcss.com/) is used as CSS framework to create an easy unique design,
without having too much struggle with custom CSS.
For internationalization [vue-i18n](http://kazupon.github.io/vue-i18n/) and its [nuxt-i18n](https://i18n.nuxtjs.org/) 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](https://pwa.nuxtjs.org/) 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](https://id.onegaming.group) right on the projects page.
## 🌍 Deployment
This site is deployed on [Vercel](https://vercel.com).
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](https://vercel.com/docs/serverless-functions/introduction) written in Node.js and Typescript.
## 🛠 Build Setup
```bash
# 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](https://nuxtjs.org).