Landing Pages

Wed, 21 Oct 2026 17:55:00 +0000

A landing page sells something: a hero section, a grid of features, pricing, a contact or waiting-list form. It has to look polished, load fast everywhere, and occasionally do something dynamic, such as accept a form. That last part is why landing pages are not plain static sites.

Concern	Choice
Framework	Next.js, with the App Router
UI	shadcn/ui and Tailwind CSS
Hosting	Vercel, on the free tier
DNS	Cloudflare
Deploys	Vercel’s Git integration

Building one

bash

npx create-next-app@latest my-landing --ts --tailwind --app --eslint
cd my-landing
npx shadcn@latest init
npx shadcn@latest add button card input navigation-menu

shadcn/ui is not a component library installed as a dependency: it copies each component’s source into the project, built on Radix and Tailwind, so every component can be changed like my own code.

Vercel on Artur Rios Lab

Landing Pages

Building one