The Third Bracket agency website - a Next.js and TypeScript application with CMS-driven content, transactional email, and full SEO infrastructure, actively maintained since launch.
Overview
The Third Bracket website is our own flagship - a production-grade Next.js application that has evolved over a year of active development into a fully-featured agency platform. It's the most direct demonstration of what we build for clients: a fast, polished, professionally structured site that does real work.
What We Built
A TypeScript and Next.js application with a dynamic blog system, portfolio showcase, contact form integration via Resend, user authentication, custom URL redirects, and a full SEO setup including auto-generated sitemaps. The codebase has 226+ commits, reflecting the depth of ongoing refinement rather than a one-and-done build.
Front-end
- We have used our own component library Bracket-UI for building our website. Check out Bracket UI. Its open source and free. You can find premium components like 'Megamenu', 'Theme-toggle' etc for free. It is built on top of tailwindcss and very easy to use. It is developed only for Next.js developers. The very easy light-dark theming integrated with Bracket UI ThemeScript hook.
- We are using state of the art Eslint and Typescript
- Custom programmable svg's are used with Nextjs Image optimization Sitewide.
- Follows the same minimal design language that Next.js uses for their official website.
- Currently we are using frontend and backend in a tightly coupled environment, and hosted on Vercel. But we are moving our backend to Cloudflare Worker soon. We used Next.js app router and kept all our component interconnected in a structured way. The Third bracket workspace are clean and well organized, thanks to Eslint. We also prioritize type safety that's why we use Typescript for 100% of our projects. You can see our Github Repository.
Admin Panel
- We are using Payload for the admin panel of Third Bracket. We love payload and believe that it will be the next Big Thing. We have started to adopt to payload very early that's why our team already mastered payload and capable of creating anything and everything with payload.
- Currently our admin panel is hosted alongside the frontend with Turborepo, but we are moving our backend to Cloudflare soon.
- We have developed Email system, portfolios, blog with different user authentication all with Payload. We also white label our dashboard customized with our brand.
SEO
Our developer team collaborated with the marketing team and developed a solution stack that provides the best lightspeed result you can get, for real! With all due respect our team have mastered the Next.js features and optimization to that label we are now even faster than the official Next.js Website. Below are screenshots from Google Chrome's built-in LightSpeed analyzer, showing a comparison of our website and the official Next.js website.
Tech Stack
Next.js
TypeScript
PayloadCMS
Tailwind CSS
Resend
pnpm