Overview

Harlanzw.com is a personal website built with Nuxt 3. It utilizes nuxt-seo-kit and Docus to optimize Nuxt code practices, SEO, performance, and accessibility. The website serves as a reference for optimal Nuxt code practices, with a focus on automated Schema.org, markdown read time calculation, code file name and language support, automatic server-side icon resolving, sitemap.xml and feed generation, automatic breadcrumbs, and integration with @nuxt/image for cloudinary-served images. It also includes additional features such as automatic routes based on content with 404 handling, automatic navigation generation, easy content composition, fully typed content, split pages/posts for easier content organization, line-md icons by cyberalien, pnpm, WindiCSS, Eslint with @antfu/eslint-config, SEO and i18n best practices, Fathom analytics, and Vercel hosting.

Features

• Automated Schema.org: The website includes automated Schema.org functionality to optimize SEO.
• Markdown read time calculation: The website calculates the read time for Markdown content.
• Code file name and language support: Supports displaying the file name and language for code files.
• Automatic Server Side Icon Resolving: The website utilizes iconify and unplugin-icons to automatically resolve server-side icons, eliminating FOUC (Flash of Unstyled Content).
• Sitemap.xml and feed generation: The website generates a sitemap.xml and feed for improved SEO and content discovery.
• Automatic breadcrumbs: The website includes automatic breadcrumbs integration with Schema.org.
• Integrated with @nuxt/image: The website integrates with @nuxt/image to serve images using cloudinary.

Installation

To install and run the Harlanzw.com website, follow these steps:

1. Make sure to install the dependencies.

npm install

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

npm run dev

Summary

Harlanzw.com is a personal website built with Nuxt 3, featuring various optimizations for SEO, performance, and accessibility. It serves as a reference for optimal Nuxt code practices and includes features such as automated Schema.org, markdown read time calculation, code file name and language support, automatic server-side icon resolving, sitemap.xml and feed generation, automatic breadcrumbs, integrated @nuxt/image for cloudinary-served images, and much more. The installation process is simple and requires installing the necessary dependencies and starting the development server.