Skills and tools
The tools I build with, and what each one does for your website.
Building the site
Pages that look right on every screen and stay easy to change later.
- React
- Next.js
- Vite
- JavaScript
- HTML & CSS
- Tailwind CSS
- Framer Motion
Speed and search
A site that loads quickly on a phone and that Google can read and understand.
- Core Web Vitals
- Lighthouse & PageSpeed
- Structured data (JSON-LD)
- Responsive WebP images
- Sitemaps & metadata
- Accessibility
Forms and content
Enquiries land in your inbox, spam stays out, and you can update your own content.
- Resend (email)
- Cloudflare Turnstile (spam protection)
- Cloudinary (images)
- Flickr API
- Serverless functions
- MDX
Hosting and delivery
Your site stays online, and you keep ownership of your domain and content.
- Vercel
- Cloudflare
- Git & GitHub
- Vercel Analytics
Interactive features
Galleries, drag and drop, file handling and other things a template can’t do.
- IndexedDB
- dnd-kit
- Pointer Events
- React Router
- epub.js