Alex Chao's Personal Website

Some Features

• Image optimization performed using next-optimized-images. Includes loading low quality placeholders in-line (base64), then loading the full quality one on top OptimizedImage Component
• Made heavy use of babel aliases to make working with relative paths simpler and restructuring file structures simpler. Refer to the .babelrc file.
• Next.js _app.js component wraps every page, typically used for global styling. Also used here to apply the NavBars (mobile and desktop) and Footer to every page.

Docs

• Next.js Documentation
• next-optimized-images