Nuxtedo-Moon

Nuxtedo-Moon is a responsive portfolio/blog static web page template designed using Nuxt, Nuxt-Content, Tailwind CSS and daisyUI.

        

        

Demo

A regularly actualized demo portfolio web page is available here: Demo

The deployment state is documented here: Deployment Log

Features Overview

This project is currently work-in-progress. Feel free to have a look at the project development board.

• Generates a "static" site which is compatible with GitHub-Page and further "simple" server deployments
• Responsive design!
• Landing page to promote the "portfolio" (Hero, Stats... components)
• Further Sections: articles (blog), projects (selection of achieved or wip projects and contributions), crumbs (tipp'n tricks, small code pieces) and about (profile, curriculum)
• Customized (and easily adaptable) dark and light "themes" incl. toggle function
• Prose adapted "typography" suitable for blog i.e. rich content rendering
• "breadcrumbs" (incl. "copy link to clipboard" function) and "prev/next page" navigation
• Automatic SEO (schema.org, og-images, robots.txt, link checker etc.) and ~100% lighthouse score
• Fancy MDC (markdown components) & web parts like Quote-Of-The-Day, unscrambling text
• Optimized image/media management using nuxt-image
• "Table-of-Content" on comprehensive pages
• Global "text search" functionality
• "tags/topics" assignment to specify the content of pages & a corresponding "filter" functionality
• "reading time" for articles
• Integration of Nuxt-Studio to create and edit content files directly in the browser (while running the nuxt app in "dev mode", since the deployed page is static)
• Integration of "JSON-resume" (optional?) to provide rich data to the "projects" and "about" sections
• Simple configuration of portfolio and owner specific data
• ... more to come ...

Nuxt Standard Information

Installation

Make sure to install dependencies after cloning the original repository locally:

pnpm install

Development Server

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

pnpm dev

Production

Build the application for production:

pnpm build

Locally preview production build:

pnpm preview

Sources & Know-How

• Look at the Nuxt documentation to learn more.
• Check out the deployment documentation for more information.