Web Forestry

Web Forestry is a Next.js and T3 Stack marketing website template for web development agencies, built to present agency services, a case study, and contact options on a single modern site.

What is Web Forestry?

Web Forestry is an open-source agency website built with the T3 Stack, combining Next.js, TypeScript, tRPC, Prisma, and TailwindCSS. It is the actual source code for the Web Forestry agency's site and shows how to build a fast, content-driven marketing site that runs on Vercel and uses Planetscale as its MySQL database. The repository includes the full project, a detailed motivation story about client Dinklage Feed Yards, a technology list, and social links.

Key Features

• T3 Stack foundation — Uses Next.js with TypeScript for end-to-end type safety, tRPC for typesafe APIs, and Prisma as the typesafe database ORM.
• TailwindCSS styling — The interface is styled with TailwindCSS and uses TailwindUI components and templates for a custom responsive layout.
• Planetscale database — Integrates Planetscale, a serverless MySQL database, through Prisma for persistent data storage.
• Contentlayer for Markdown — Contentlayer provides typesafe Markdown content, which supports blog posts or documentation without a separate CMS.
• Vercel OG Image Generation — Uses Vercel's edge-function OG image generation to create social sharing images dynamically.
• Vercel deployment — Configured for deployment on Vercel, taking advantage of serverless functions and automatic previews.
• Agency sections — Includes a story/motivation section, technology stack listing, and a Get In Touch section with Twitter and LinkedIn links.

Who is it for?

• Web development agencies — use this template to launch a marketing website with built-in case study storytelling and a modern tech stack.
• T3 Stack learners — study a real production example that integrates Next.js, tRPC, Prisma, Contentlayer, and TailwindCSS in one codebase.
• Freelance developers — need a quick, SEO-friendly site with a blog-capable Markdown pipeline and serverless database.
• Technical founders — want a lightweight marketing site that can grow with custom tRPC APIs and Prisma models.

What can you do with it?

• Agency owners: publish your services, share a client case study (like the Dinklage Feed Yards rebuild), and add contact links to Twitter and LinkedIn.
• Developers: extend the tRPC API and Prisma schema to add job application forms or custom content management features, as described in the motivation section.
• Content writers: author Markdown posts via Contentlayer and have them typed automatically without touching React components.
• Designers: customize the TailwindUI-based design system to match a brand while keeping the responsive layout.

FAQ

What is Web Forestry built with?

Web Forestry uses the T3 Stack: Next.js, TypeScript, tRPC, Prisma, and TailwindCSS, plus Contentlayer for Markdown, Planetscale for the database, and Vercel for deployment.

Who is Web Forestry for?

It is for web development agencies and developers who want a production-ready marketing site with a case study and Markdown content, without building the foundation from scratch.

What client project is featured?

The site tells the story of rebuilding Dinklage Feed Yards' website in 30 days, achieving feature parity within 60 days, and adding a web-based job application form and custom content management features.