OneLiteFeather Blog

A multilingual blog platform built with Nuxt 3, featuring content in both German and English.

Project Overview

This project serves as the official blog for OneLiteFeather.net, providing articles and information in multiple languages. It's built with modern web technologies to ensure fast loading times, SEO optimization, and a great user experience.

Features

• Multilingual content (German and English)
• Responsive design with Tailwind CSS
• SEO optimized with meta tags, sitemap, and robots.txt
• Content management using Nuxt Content
• Social media preview images
• Structured data for better search engine visibility

Roadmap

This project is intended to become the normal/official site for OneLiteFeather.net. Future plans include:

• Expanding content categories
• Enhancing user experience
• Improving performance metrics
• Adding more interactive elements
• Integrating with other OneLiteFeather services

Technologies Used

• Nuxt 3 - Vue.js framework
• Nuxt Content - Content management
• Nuxt i18n - Internationalization
• Tailwind CSS - Styling
• Nuxt SEO - SEO optimization

Project Structure

• content/ - Blog posts and other content (organized by language)
• components/ - Vue components
• layouts/ - Page layouts
• pages/ - Application pages
• public/ - Static assets
• i18n/ - Internationalization configuration

Setup

Make sure to install dependencies:

# Using pnpm (recommended)
pnpm install

# Using npm
npm install

# Using yarn
yarn install

# Using bun
bun install

Development Server

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

# Using pnpm (recommended)
pnpm dev

# Using npm
npm run dev

# Using yarn
yarn dev

# Using bun
bun run dev

Production

Build the application for production:

# Using pnpm (recommended)
pnpm build

# Using npm
npm run build

# Using yarn
yarn build

# Using bun
bun run build

Locally preview production build:

# Using pnpm (recommended)
pnpm preview

# Using npm
npm run preview

# Using yarn
yarn preview

# Using bun
bun run preview

Check out the deployment documentation for more information.

Testing

This project is tested with BrowserStack.