{"kind":"post","path":"/blog/highrays","post":{"metadata":{"title":"Highrays Brand And Campaign Platform","summary":"A combined case study for the Highrays umbrella brand site and TheHighraysYT campaign platform, covering Next.js 16, Drizzle/Postgres, payments, admin tooling, attribution, SEO, and Cloudflare deployment work.","publishedAt":"2026-05-24","projectDate":"2025-12-02","ascent":"#F31318","links":[{"label":"Highrays site","href":"https://www.thehighrays.com/","type":"website"},{"label":"HighraysYT","href":"https://www.thehighraysyt.com/","type":"website"},{"label":"Instagram","href":"https://instagram.com/thehighrays","type":"social"},{"label":"LinkedIn","href":"https://linkedin.com/company/thehighrays","type":"social"},{"label":"Facebook","href":"https://facebook.com/thehighrays","type":"social"},{"label":"X","href":"https://twitter.com/thehighrays","type":"social"}],"tags":["highrays","nextjs","commerce","payments","dashboard","postgresql","cloudflare","webdev","fullstack"],"weight":0},"slug":"highrays","content":"\u003c!-- cover: /images/blog/highrays/cover.png --\u003e\n\nHighrays has two connected products. One presents the umbrella brand. The other sells and runs video ad campaigns.\n\n## Visual Proof\n\n\u003cdiv className=\"bp-evidence-grid\" data-preview-gallery=\"true\"\u003e\n\u003cimg src=\"/images/blog/highrays/highrays-root-home.png\" alt=\"TheHighrays root homepage with digital success brand messaging\" /\u003e\n\u003cimg src=\"/images/blog/highrays/highraysyt-home.png\" alt=\"TheHighRays homepage with video ad campaign package preview\" /\u003e\n\u003cimg src=\"/images/blog/highrays/highrays-brand.png\" alt=\"TheHighrays umbrella brand page with YouTube growth service visuals\" /\u003e\n\u003cimg src=\"/images/blog/highrays/highraysyt-pricing.png\" alt=\"TheHighRays pricing page with campaign package cards\" /\u003e\n\u003cimg src=\"/images/blog/highrays/highraysyt-journal.png\" alt=\"TheHighRays blog page and content library\" /\u003e\n\u003c/div\u003e\n\n\u003cp className=\"bp-evidence-caption\"\u003eUmbrella brand, campaign home, pricing, and content screens.\u003c/p\u003e\n\n## At A Glance\n\n| Surface | What it became | Why it matters |\n|---|---|---|\n| `highrays-root` | Umbrella brand site with HighraysYT and Elec3D routes. | Brand, SEO, leads, and newsletter capture. |\n| `highrays-yt` | Campaign commerce and operations platform. | Pricing, checkout, admin, media, attribution, and payments. |\n| Shared stack | Next.js 16, React 19, Tailwind CSS 4, Drizzle, PostgreSQL, Sentry. | One typed base for public and operating flows. |\n\n## Campaign Flow\n\nCustomers can choose a direct package or ask for a callback before purchase.\n\n\u003cimg src=\"/images/blog/highrays/highraysyt-campaign-flow.png\" alt=\"TheHighRays campaign flow showing direct and assisted journeys\" /\u003e\n\n## Commerce And Admin\n\n| System | What it handles |\n|---|---|\n| Pricing and checkout | Package tiers, country-aware gateway routing, Stripe, PayU, and purchase records. |\n| Admin CMS | Blog editor, portfolio manager, pricing manager, media browser, settings, users, sessions, and IP bans. |\n| Attribution | UTM capture, first-touch and last-touch journey tracking, Meta Pixel and Conversions API deduplication. |\n| Communications | Resend email templates, notifications, callback flows, and lead capture. |\n| Audit | Correlation IDs, actor data, resource IDs, gateway events, and database guards. |\n\nStripe handles international checkout. PayU handles checkout in India. Both paths verify return events and protect repeat updates.\n\n## Deployment Complexity\n\nOpenNext builds TheHighraysYT for Cloudflare Workers. The app uses split workers because one Next.js bundle exceeded edge size limits.\n\n| Constraint | Engineering response |\n|---|---|\n| Large Next.js app on edge limits | Split worker topology instead of forcing everything into one bundle. |\n| Database access from Workers | Uses Hyperdrive and request-scoped database clients. |\n| Checkout paths | Keeps gateway callbacks and webhooks on known production routes. |\n| Release checks | Audits client boundaries, checks worker size, and runs a dry deployment before release. |"}}