https://github.com/oglimmer/homepage-oglimmer.com
https://github.com/oglimmer/homepage-oglimmer.com
bootstrap homepage nuxt
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/oglimmer/homepage-oglimmer.com
- Owner: oglimmer
- Created: 2023-12-16T12:52:52.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-10T08:36:20.000Z (6 months ago)
- Last Synced: 2026-01-11T02:42:56.162Z (6 months ago)
- Topics: bootstrap, homepage, nuxt
- Language: TypeScript
- Homepage: https://www.oglimmer.com
- Size: 58.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Homepage
A modern personal homepage built with Nuxt 3, featuring projects, blog, and more.
## Features
- Modern, responsive design with Tailwind CSS
- Homepage with personal bio
- Projects showcase
- Blog with markdown content (using marked library)
- Privacy & Cookie Policy
- Imprint (Impressum) for German legal compliance
## Setup
```bash
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
```
## Content Management
### Adding/Editing Projects
Projects are managed in `data/projects.ts`. Each project has:
- `title`: Project name
- `text`: Description
- `linkData`: Array of [url, label] pairs for links
- `techList`: Optional string with technologies (e.g., "[Vue, TypeScript, Node.js]")
### Adding Blog Posts
Blog posts are managed in `data/blog-posts.ts`. Each post includes:
- `slug`: URL-friendly identifier
- `title`: Post title
- `description`: Brief summary
- `date`: Publication date
- `content`: Markdown content (rendered with marked library)
### Personal Information
Update the imprint page at `pages/imprint.vue` with your actual contact information.
## Structure
```
├── app.vue # Main app wrapper
├── components/
│ ├── Header.vue # Navigation header
│ └── Footer.vue # Site footer
├── pages/
│ ├── index.vue # Homepage with intro, projects, and blog teasers
│ ├── projects.vue # All projects page
│ ├── blog/
│ │ ├── index.vue # Blog list
│ │ └── [...slug].vue # Individual blog posts
│ ├── privacy.vue # Privacy & Cookie Policy
│ └── imprint.vue # Imprint (Impressum)
└── data/
├── projects.ts # All project data
└── blog-posts.ts # All blog posts with markdown content
```
## Technologies
- Nuxt 3
- Vue 3
- Tailwind CSS
- @tailwindcss/typography
- marked (Markdown parser)