ludgi

Complete a company introduction landing page with hands-on vibe coding.
Using Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP stack, proceed from design to deployment all at once.
The key is "fast implementation + SEO foundation that performs well in search engines."

🏁 Course Objectives

Landing creation → Performance optimization → SEO implementation → Deployment/Indexing

Real-time coding (vibe coding) to immediately check completed sections

Direct experience including search indexing

🛠️ Practice Stack

Cursor AI, Next.js(App Router), TypeScript

TailwindCSS, shadcn/ui, MCP workflow

🔍 SEO Practice

Apply SEO optimization MD files provided by instructor

Metadata, OG/Twitter cards, robots/sitemap, structured data (JSON-LD)

Optional multilingual routing implementation

🎯 Final Product

Responsive company introduction landing + contact form

Target Lighthouse 95+

Vercel deployment followed by Search Console registration and indexing request

📚 What You'll Learn from This Course

How to quickly compose hero/trust/features/FAQ sections

Clean UI composition with shadcn/ui

Form validation and basic conversion tracking point design

Boosting SEO scores with structured data + multilingual routing

Understanding the indexing process through Search Console after deployment

💡 Industry Insights (Course Bonus)

Beyond just code implementation, we'll briefly cover marketing and exposure methods actually used in the real market.

Realistic pricing ranges for advertising, blog posting, and comment work

How outsourcing and contracting companies actually proceed with SEO and exposure work

Cost/efficiency differences between direct developer participation and outsourcing

Through this section, you can develop a sense of how technology is actually utilized in real industry work and what cost structures drive it, beyond just the technical aspects.

One-Line Summary

Following the flow of "implementation → optimization → deployment → indexing,"
learn the web creation process that connects to actual search exposure and real industry market structures.