hackathon-landing-pwa

To add SEO metadata and social preview images to a Next.js landing page, you need a pipeline that generates Open Graph and Twitter images alongside a webmanifest. This Skill provides a blueprint for configuring these assets and frontmatter requirements for hackathon projects.

Setting up a PWA app shell for a hackathon project involves configuring webmanifests, icons, and metadata for Next.js apps. This Skill provides a ready-to-use blueprint for shipping polished app shells with proper PWA readiness and asset pipelines.

Integrating Lenis smooth scrolling into a Next.js app requires applying specific UX polish techniques within your app shell. This Skill provides the necessary blueprint to implement smooth scroll integration alongside other landing page refinements.

Yes, you can use this blueprint to handle typography and brand styling for your hackathon landing page. It includes specific typography guidance and establishes a clear handoff path for design and development teams.

Yes, this Skill provides an asset pipeline workflow for generating Open Graph and Twitter images for Next.js apps. It covers seed assets and site banners to ensure your social previews are fully configured.

You need a specific setup for hackathon landing pages and PWAs to quickly satisfy frontmatter, metadata, and asset workflow requirements. This Skill solves the problem of configuring SEO, social previews, and smooth scrolling under hackathon time constraints.