Skip to content

philipppollmann/philipppollmann.github.io

Repository files navigation

Test

Personal Website

This is my personal website build using the NuxtJS framework.
Here you will find information about me, my projects and interests.
The website is available at philipp.pollmann.rocks

technologies

TailwindCSS TypeScript Nuxtjs

IDEs

WebStorm

Table of contents

01. Project Structure

02. Installation

03. Development

04. Deployment

Project structure

├── .github/         GitHub Actions Pipeline 
├── .nuxt/           
├── assets/          Images and CSS Files
├── components/      Vue Components
├── layouts/         Nuxt3 Layout with Header and Footer from components
├── pages/           Vue Pages components
├── public/          favicon and Robots.txt
├── server/          TypeScript Logic Files for backend
├── tests/           Unittests
├── .eslintrc.js     Linter Configuration
├── .gitignore       ignore non tracked files
├── .npmrc
├── CNAME            mapping for philipppollmann.github.io => philipp.pollmann.rocks
├── Dockerfile       Dockerfile for Nuxt3 App
├── error.vue        error Page
├── nuxt.config.ts   Nuxt project configuration
├── package.json     list of all npm packages
├── package-lock.json
├── README.md        Documentation
├── RunDocker.sh     Start Dockerfile
└── tsconfig.json    TypeScript Configuration

Installation

npm install
npm install -D @nuxtjs/tailwindcss
npm install --save-dev jest @vue/test-utils vue-jest babel-jest jest-serializer-vue
npm install --save-dev @vue/eslint-config-jest

Development

npm run dev
npm test

docker build -t nuxt-app .
docker run -p 3000:3000 nuxt-app

Deployment

GitHub Actions Github Pages

npm run generate

Author

  • Philipp Pollmann

packages

  1. eslint
  2. @nuxtjs/color-mode
  3. tailwindcss
  4. nuxt-vuetify
  5. vitest