Responsive portfolio/blog template built with Nuxt, Nuxt Content, Tailwind CSS and daisyUI
NuxtVuePortfolioBlog
nuxtedomoon — Nuxt Portfolio Template
By khatastroffik
A portfolio/blog static site template built with Nuxt, Nuxt Content, Tailwind CSS and daisyUI, including home, articles, projects, crumbs and about pages, with built-in light/dark theme switching.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
Includes page sections such as home, articles, projects, crumbs and about
Provides customizable light and dark themes with switching, and adjusts typography for blog rich text
Built-in breadcrumbs (with copy link) and previous/next page navigation
Integrates automatic SEO-related capabilities (schema.org, og images, robots.txt, link checking) and uses nuxt-image to manage media
Generates a static site that can be deployed to GitHub Pages and other simple static environments
Template Details
Nuxtedo-Moon is a responsive portfolio/blog static website template built with Nuxt, Nuxt Content, Tailwind CSS and daisyUI. The project manages content through Nuxt Content, and its page structure covers sections such as the home page (including Hero, Stats and other components), articles (blog), projects (completed or in-progress projects and contributions), crumbs (tips and code snippets) and about (personal profile and resume). The template provides customizable light and dark themes with switching, and adjusts typography styles for blog-style rich text content. Navigation includes breadcrumbs (with a copy-link-to-clipboard feature) and previous/next page switching. The project also integrates automatic SEO-related capabilities (schema.org, og images, robots.txt, link checking, etc.) and uses nuxt-image to manage images and media assets.
The project is explicitly marked as work-in-progress in the README, and some features are not yet complete, including table-of-contents for long pages, global text search, page tag/topic assignment and filtering, article reading time, Nuxt Studio in-browser content editing integration, JSON-resume integration, and simple configuration of portfolio and owner data. It is therefore better suited as a starting point for a static portfolio/blog rather than a fully featured finished product.
The template generates a static site that can be deployed to GitHub Pages and other simple static server environments. The repository includes a GitHub Actions deployment workflow, and the demo site is updated periodically. The code is MIT licensed and can be used, modified, used commercially and distributed for free, but third-party assets such as demo images, fonts and icons need to be checked separately for licensing, and external services such as domains and hosting may incur separate charges.
NuxtPortfolioBlog
Is it right for your project?
Use Cases
- Building a personal portfolio website to showcase projects and a personal profile
- Creating a Markdown content-driven blog to publish articles and code snippets
- Needing a static site starting point with light/dark theme switching and breadcrumb navigation
- Deploying the site to static hosting environments such as GitHub Pages
Suitable For
- Developers who want to quickly start a personal portfolio or blog with Nuxt and Nuxt Content
- Front-end developers who prefer the Tailwind CSS and daisyUI styling system
- Personal projects that need static output and deployment to GitHub Pages
- Users who accept that the project is in development and are willing to add features as needed
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, install dependencies with pnpm install
- 2
Start the development server at http://localhost:3000 with pnpm dev
- 3
Build the production version with pnpm build, and preview the production build locally with pnpm preview
- 4
The project README marks it as work-in-progress; some features (table of contents, global search, tag filtering, reading time, etc.) are not yet complete
- 5
Third-party assets such as demo images, fonts and icons need to be checked under their respective licenses, and external services such as domains and hosting may incur separate charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons and other third-party assets need to be checked under their respective licenses and cannot be judged solely by the MIT license of the code.
- External services such as domains, hosting, databases, payments or AI may incur separate charges.
- The project is currently in development, explicitly marked as work-in-progress in the README, and some features are not yet complete; users need to assess completeness themselves before use.
- The table-of-contents feature for long pages is not yet implemented and is marked with an unchecked checkbox in the README.
- The global text search feature is not yet implemented and is marked with an unchecked checkbox in the README.
- Page tag/topic assignment and corresponding filtering are not yet implemented and are marked with an unchecked checkbox in the README.
- The article reading time feature is not yet implemented and is marked with an unchecked checkbox in the README.
- Nuxt-Studio in-browser content editing integration is not yet implemented and requires running in dev mode because the deployed pages are static.
- JSON-resume integration is not yet implemented and is marked as optional and unchecked in the README.
- Simple configuration of portfolio and owner data is not yet implemented and is marked with an unchecked checkbox in the README.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
This project is currently **work-in-progress**.
Original README
- [ ] "_Table-of-Content_" on comprehensive pages
Original README
- [ ] Global "_text search_" functionality
Original README
- [ ] "_tags/topics_" assignment to specify the content of pages & a corresponding "_filter_" functionality
Original README
- [ ] "_reading time_" for articles
Original README
- [ ] 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)
Original README
- [ ] Integration of "_JSON-resume_" (optional?) to provide rich data to the "_projects_" and "_about_" sections
Original README
https://github.com/khatastroffik/nuxtedomoon/blob/main/LICENSEhttps://github.com/khatastroffik/nuxtedomoon/blob/main/README.md- [ ] Simple configuration of portfolio and owner specific data
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 88 / 100
- Technologies
- Nuxt · Vue
- Website type
- Portfolio · Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-04-25
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: 99cf5692bd17f9018dd510501ea56f261cb411b197043d97ddddd4e9c68ef9ca
2026-10-13T08:50:05.109Z
Source file / repository# Nuxtedo-Moon **Nuxtedo-Moon** is a responsive _portfolio/blog static web page template_ designed using Nuxt, Nuxt-Content, Tailwind CSS and daisyUI.  <p align="center"> <img src="https://img.shields.io/github/package-json/dependency-version/khatastroffik/nuxtedomoon/nuxt/main?style=flat&logo=nuxt&labelColor=black" alt="Nuxt Version"> <img src="https://img.shields.io/github/package-json/dependency-version/khatastroffik/nuxtedomoon/%40nuxt%2Fcontent/main?style=flat&logo=nuxt&labelColor=black" alt="Nuxt Content Version"> <img src="https://img.shields.io/github/package-json/dependency-version/khatastroffik/nuxtedomoon/%40nuxtjs%2Fseo/main?style=flat&logo=nuxt&labelColor=black" alt="Nuxt SEO version"> <img src="https://img.shields.io/github/package-json/dependency-version/khatastroffik/nuxtedomoon/tailwindcss/main?style=flat&logo=tailwindcss&labelColor=black" alt=""Tailwindcss Version> </p> <p align="center"> <img src="https://img.shields.io/github/package-json/dependency-version/khatastroffik/nuxtedomoon/daisyui/main?style=flat&logo=daisyui&labelColor=black" alt="DaisyUI Version"> <img src="https://img.shields.io/github/package-json/dependency-version/khatastroffik/nuxtedomoon/dev/typescript?logo=typescript&logoColor=yellow&labelColor=black" alt="TypeScript Version"> <img src="https://img.shields.io/github/package-json/dependency-version/khatastroffik/nuxtedomoon/dev/eslint?logo=eslint&logoColor=yellow&labelColor=black" alt="ESlint Version"> <img src="https://img.shields.io/github/license/khatastroffik/nuxtedomoon?style=flat&labelColor=black&color=darkblue" alt="License"> </p> ## Demo A regularly actualized **demo portfolio web page** is available here: [Demo](https://khatastroffik.github.io/nuxtedomoon/) The deployment state is documented here: [Deployment Log](https://github.com/khatastroffik/nuxtedomoon/actions/workflows/deploy-nuxt-static-site.yml) ## Features Overview This project is currently **work-in-progress**. Feel free to have a look at the [project development board](https://github.com/users/khatastroffik/projects/4). - [x] Generates a "_static_" site which is compatible with **GitHub-Page** and further "simple" server deployments - [x] Responsive design! - [x] Landing page to promote the "_portfolio_" (Hero, Stats... components) - [x] Further Sections: _articles_ (blog), _projects_ (selection of achieved or wip projects and contributions), _crumbs_ (tipp'n tricks, small code pieces) and _about_ (profile, curriculum) - [x] Customized (and easily adaptable) dark and light "_themes_" incl. toggle function - [x] Prose adapted "_typography_" suitable for blog i.e. rich content rendering - [x] "_breadcrumbs_" (incl. "_copy link to clipboard_" function) and "_prev/next page_" navigation - [x] Automatic **SEO** (schema.org, og-images, robots.txt, link checker etc.) and ~100% lighthouse score - [x] Fancy MDC (markdown components) & web parts like _Quote-Of-The-Day_, _unscrambling_ text - [x] 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: ```bash pnpm install ``` ### Development Server Start the development server on `http://localhost:3000`: ```bash pnpm dev ``` ### Production Build the application for production: ```bash pnpm build ``` Locally preview production build: ```bash pnpm preview ``` ## Sources & Know-How - Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more. - Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
Explore similar templates
Compare previews and descriptions within the same stack and category.
canvas
Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.
Nuxt · Portfolio
alpine-theme
Alpine is a minimalist blog theme built on Nuxt and Nuxt Content, supporting Markdown and MDC syntax with over 30 components from Nuxt Elements.
Nuxt · Blog
portfolio
A Nuxt portfolio template using Nuxt UI for interface components and Nuxt Content for content, intended to showcase projects, skills, and blog.
Nuxt · Portfolio
bael-template
Bael is a brutalist-style blog template built with Nuxt.js and Vue.js, using Netlify CMS for content management and deploying to Netlify. Content is stored as files in a Git repository and edited through the /admin path.
Nuxt · Blog
bloggrify
Bloggrify is a Nuxt layer that turns Markdown files into a blog site, built on Nuxt Content with preconfigured analytics, newsletter, comments, SEO, RSS, and content components.
Nuxt · Blog
nuxtjs-tailwindcss-portfolio
A Nuxt.js and Tailwind CSS personal portfolio starter theme with dark mode, theme switching, Vuex state management, reusable components, project category filtering and title search, Vue transition animations, a project carousel, smooth scrolling, a dynamic form, a counter, and back-to-top and download…
Nuxt · Portfolio