Skip to main content

How I Built EasternDreamer.com
A Technical Breakdown

Role: Lead Full-Stack Developer & Systems Architect

Methodology: Headless CMS, Serverless Pipelines, & Advanced Content Aggregation

The Input

Data Aggregation

Screenshot of EasternDreamer.com homepage

The Process

Build Pipeline

Tech stack diagram

The Output

Deployed Portal

Latest Video

Peter Pan Syndrome in the Philippines

@EasternDreamer

Explore our full-length travel vlogs and deep dives.

Watch Now
Screenshot of EasternDreamer.com video page

AI Summaries

Each new video gets a SEO-optimized five key words tags, mentioned in this video tags, both which have clickable tags that go to a tags page showing videos with the same tag,key insights, key takeaways, YouTube video questions derived from AI, key moments for easy navigation, FAQ generated by AI, and the transcript this all comes from in pure text form.

No CMS Needed

No clunky admin panel or manual updates ever.

Ultra-Fast

Raw html, css, js with astro makes load times feel instant.

Illustration of website purpose and goals

Purpose of Site

The site serves as a video portal for YouTube creator EasternDreamer, providing an optimized platform for showcasing his travel and discovery content. It aggregates videos, generates AI-driven summaries, and offers a seamless user experience to drive engagement and grow his audience.

Built with Astro and Gemini AI, the site is designed for performance, SEO optimization, and ease of maintenance, allowing EasternDreamer to focus on content creation while the site handles the rest.

The site's purpose is to drive SEO, which in turn drives views to the YouTube channel and increases overall audience engagement and discoverability.

Build a Brand, Protected from Day One.

Security illustration

Legal & Regulatory Compliance

I don’t just build a site, I prioritize alignment with modern legal standards to help safeguard your business.

  • Custom Terms & Privacy: I implement clear governing rules, including specific disclosures for AI-generated content or affiliate partnerships.
  • Cookie Transparency: I build Consent-First systems. No tracking (like Google Analytics) loads until the user expressly agrees, keeping you compliant with global privacy laws.
  • Jurisdiction-Specific: I ensure the site is grounded in local law (e.g., Ohio-based jurisdiction) while respecting international consumer rights.
Illustration of website privacy features

Privacy-First Architectur

I design with user privacy as a core principle, which also builds trust and protects you from data-related liabilities.

  • Minimal Data Collection: I only collect what’s necessary (e.g., contact form submissions) and never use invasive tracking or analytics without explicit consent.
  • Secure Forms: All user inputs are protected with server-side validation and CAPTCHA to prevent spam and abuse.
  • Transparent AI Use: If AI is used for content generation, I include clear disclaimers and opt-out options to maintain user trust.
Illustration of website accessibility features

Accessibility (WCAG 2.1 AA)

I ensure your site is usable by everyone, which also protects you from accessibility-related legal risks.

  • Keyboard & Screen Reader Ready: Full navigation support without a mouse and logical heading structures for assistive tech.
  • Visual Clarity: High-contrast designs and descriptive ARIA labels to ensure clarity for visually impaired users.
  • Active Overlays: Implementation of focus management (e.g., ensuring pop-ups and banners can be closed with the 'Escape' key).
Illustration of website performance and data integrity

Performance & Data Integrity

A site that breaks is a liability. I build for stability and speed.

  • Hand-Coded Precision: I avoid bloated templates. By hand-coding, I ensure the site is lightweight, fast, and secure from common plugin vulnerabilities.
  • Technical SEO & Core Web Vitals: I optimize for Largest Contentful Paint and layout stability so the site feels solid and ranks higher on Google.
  • AI Oversight: If we use AI for content (summaries, FAQs, metadata), I include Hallucination Disclaimers and reporting tools to maintain transparency and trust.
Illustration of ethical monetization and third-party safety

Ethical Monetization & Third-Party Safety

If the site handles money or external links, I prioritize user safety.

  • Secure Integrations: Whether it's donations (CashApp/Crypto) or Stripe payments, I use industry-standard third-party gateways so no sensitive financial data touches your server.
  • Affiliate Integrity: I include clear Commission Disclosures so your users feel informed, not tricked.
  • Notice: While I implement industry-standard practices for accessibility (WCAG), privacy (GDPR/CCPA), and data security, I am a web developer and not an attorney. The templates, terms, and configurations provided are based on technical best practices and do not constitute legal advice. I recommend having your legal counsel review all site policies and compliance measures to ensure they meet the specific requirements of your industry and jurisdiction.

Want a site like this?

Contact Eric Johnson to discuss your next project.

Get in Touch