harlan-zw/harlanzw.com

Stars
195
Rank 199,374 (Top 4 %)
Language Vue
Created over 2 years ago
Updated 6 months ago

harlan-zw/harlanzw.com

harlan-zw

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

My personal website built with Nuxt 3 and Nuxt Content 2.

harlanzw.com

My personal website built with Nuxt 3, powered by nuxt-seo-kit and Docus.

Built as reference for optimal Nuxt code practices, SEO, performance and accessibility.

Features

🔎 Automated Schema.org
📚 Markdown read time calculation
👨‍💻 Code file name and language support
🧩 Automatic Server Side Icon Resolving (no FOUC), powered by iconify & unplugin-icons
🤖 Sitemap.xml and feed generation
🍞 Automatic breadcrumbs (with Schema.org)
🤝 Integrated with @nuxt/image, images served with cloudinary

More Features

Automatic routes based on content /w 404 handling
Automatic navigation generation
Easy content composables
Fully typed content
Split pages/posts for easier content organisation
line-md icons by cyberalien

Plus

pnpm
WindiCSS
Eslint with @antfu/eslint-config
SEO / i18n best practices
Fathom analytics
Vercel hosted

Setup

Make sure to install the dependencies:

pnpm i

Development Server

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

pnpm dev

unlighthouse

Scan your entire site with Google Lighthouse in 2 minutes (on average). Open source, fully configurable with minimal setup.

nuxt-seo

The complete SEO solution for Nuxt.

nuxt-delay-hydration

Delayed hydration for progressively enhanced apps. Reduced blocking time and improved Google Lighthouse scores. ⚡️

request-indexing

Find your missing on pages Google and request them to be indexed using the Web Search Indexing API.

nuxt-webpack-optimisations

Make your Nuxt.js webpack builds faster ⚡

nuxt-og-image

Enlightened runtime images generated with Vue templates.

nuxt-simple-sitemap

Powerfully flexible XML Sitemaps that integrate seamlessly, for Nuxt.

nuxt-schema-org

The quickest and easiest way to build Schema.org graphs for Nuxt.

zhead

All of the TypeScript definitions for <head>.

nuxt-simple-robots

(Migrated to @nuxtjs/robots) Tame the robots crawling and indexing your Nuxt site.

nuxt-link-checker

Find and magically fix links that may be negatively effecting your Nuxt sites SEO.

nuxt-seo-utils

SEO utilities to improve your Nuxt sites discoverability and shareability.

unrouted

Unrouted is a minimal, composable router built for speed, portability and DX

nuxt-site-config

Unifying site config with powerful and flexible APIs, for module authors and users.

harlanzw.com-vitepress

My personal blog built using VitePress and TailwindCSS

vue-cli-plugin-import-components

🔌 Automatically import components in your Vue CLI apps.

packrup

Simple utils to pack arrays, objects and strings to a flat object (and back again).

schema-org-graph

Build Schema.org graphs for JavaScript Runtimes (Browser, Node, etc). Improve your sites SEO with quick and easy Rich Results.

laradock-cli

[Unmaintained] Your new best friend for Laradock.

changelogd

🪵 Aggressively find a packages changelog (or releases) between versions.

wp-keystone

A Wordpress Boilerplate combining the best libraries and practices

laravel-swiftype

Swiftype Integration for Laravel

nuxt-mycelium

to-vite-and-beyond-a-history-and-future-of-bundling

WP-Development-Environment

WorldPress Plugin - Development Environment

nuxt-seo-ui

Deprecated - Nuxt components with Schema.org and SEO integrations

talk-supercharged-head-management

NuxtNation 2022 Talk - VueUse Head v1

laravel-modern-mail

static

blockfolio-php

Blockfolio SDK for PHP - Unofficial

penguin-pass

Laravel / PHP Package for kid friendly passwords

nuxt-og-image-playground

Testing out nitro deployments with nuxt-og-imge.