Mora Blog

The blog has image-heavy pages: hero illustrations, post covers and author images. An early Lighthouse run showed slow loading and visible layout shifts. As a content site, it also depends on good SEO and accessibility scores.

Full-stack developer at NUWA. I built the blog and its content dashboard and did the performance work. The repository has about 460 commits from Nov 2023 to Aug 2025, all of them mine.

I also built a separate internal “website builder” dashboard for Mora, using Next.js, Prisma and NextAuth with Jest and Cypress tests.

• Image pipeline: media moved to S3 behind CloudFront, correct sizes on cards, and blurred placeholders generated with plaiceholder/sharp so images don’t pop in.
• Layout stability: skeleton loaders for cards, slideshow and post pages; fixed footer and image-box shifts.
• Less work on first load: partial rendering with Suspense for trending categories, no prefetching for homepage links, and removal of an unneeded tag-manager script and spinner component.
• Database caching with Prisma Accelerate for published-post queries.
• SEO and accessibility: metadata and SEO headers, and fixes to the accessibility issues Lighthouse reported.
• Cypress e2e tests for login, post CRUD and image upload.

*The “before” run was a local Lighthouse report, and the “after” run is from PageSpeed Insights on the Vercel deployment. The trend is clear, but the two numbers come from different environments.

Most of the improvement came from basic work on images and layout, not from clever tricks.