Preparing a focused brutalist interface for projects, skills, writing, and product work.
Suspense fallback
Bloai is an AI and technology blog built as both a product and an SEO experiment. It serves Vietnamese readers who want practical AI knowledge, tutorials, tools, prompts, and trends while proving the engineering work behind search visibility: metadata, canonical URLs, sitemap, robots.txt, structured data, image optimization, cache, compression, analytics, backlink analysis, and content operations.
AI content demand is broad, but many Vietnamese readers need clear beginner-friendly explanations, updated tool guides, and practical workflows rather than scattered news. From an SEO angle, a blog also needs crawlable architecture, fast pages, clean metadata, topic clusters, reliable indexing, and measurable outcomes instead of only publishing articles.
Bloai combines a Next.js content platform with an SEO workflow. The site organizes AI topics into clusters, supports article publishing with SEO fields and AI assistance, exposes canonical pages, sitemap and robots routes, optimizes images through Next Image and Cloudinary, validates structured data, tracks Search Console and Analytics results, and grows authority through social content, guest posting, and broken-link outreach.
The screens are grouped by the SEO product journey: content and publishing workflows come first, then the measurement visuals show search performance, structured data, backlinks, outreach, and page quality checks.
The public site focuses on AI news, AI tools, AI knowledge, AI trends, machine learning, XAI, MLOps, prompt engineering, AI workflow, and GEO SEO for Vietnamese readers.
The article creation flow includes search-preview thinking, title, slug, meta description, thumbnail, canonical URL, OG fields, SEO tags, and AI-assisted generation to reduce manual SEO work.
Bloai exposes crawl-friendly routes and machine-readable metadata so Google can discover, understand, and index public content consistently.
The codebase uses Next Image, Cloudinary q_auto/f_auto transformations, long-lived static caching, ISR revalidation, Redis TTLs, and server compression to keep pages fast.
The SEO work extends beyond the codebase through backlink research, guest posting, social distribution, Facebook operations, and broken-link outreach.
Next.js provides server-rendered public pages, metadata generation, static and dynamic routes, and revalidation windows for the homepage and blog details.
tRPC, Zod, Prisma/Drizzle, PostgreSQL, NextAuth.js, Google OAuth, and GitHub OAuth keep publishing flows type-safe while supporting authenticated authors.
Gemini and Cerebras support content operations such as metadata generation, tags, prompt-driven article assistance, and keyword ideation without replacing editorial review.
Canonical URLs, Open Graph, Twitter cards, JSON-LD, robots rules, sitemap generation, image sitemap, RSS, and validated HTML make the site easier for search engines and AI search systems to parse.
Google Search Console, Google Analytics, SEMrush, PageSpeed Insights, Rich Results Test, and W3C checks turn SEO into an iterative engineering process instead of a one-time checklist.
A compact map of every important product screen, diagram, email, and deployment visual extracted from the report.
16-month GSC result: 4.76K clicks, 164K impressions, 2.9% CTR, 8.8 average position
Featured Screen
Topic cluster page organizing AI Agent, AI Agent la gi, Tri Tue Nhan Tao, and related categories
Interface Screen
Publishing workflow with search preview, metadata, canonical URL, OG fields, keywords, and AI generation
Diagram
Rich Results Test found valid structured data for breadcrumb and organization items
Project Visual
W3C validation completed with no errors or warnings
Project Visual
Earlier GSC snapshot: 949 clicks, 60.3K impressions, 1.6% CTR, 7.1 average position
Interface Screen
SEMrush backlink overview: 21 referring domains, 28 backlinks, and 2 outbound domains
Project Visual
Backlink types: 92% text links and 8% image links
Project Visual
Backlink attributes report showing nofollow distribution from SEMrush
Project Visual
Broken-link outreach email proposing a Bloai AI Agents article as a replacement source
PageSpeed desktop check: 97 performance, 98 accessibility, 100 best practices, 100 SEO
Interface Screen
Social distribution channel for AI prompts, automation, and technology content
Interface Screen
Have an idea or project?
Let's build something amazing.アイデアやプロジェクトがありますか？素晴らしいものを一緒に作りましょう。