AI로 만드는 팔리는 웹사이트: 홈페이지·랜딩페이지· AI Agent 기반 CMS까지 실무 제작

AI 이미지·영상 생성 도구와 바이브 코딩을 활용해 홈페이지, 랜딩페이지, 인터랙티브 웹사이트, AI Agent 기반 CMS까지 실무에서 바로 응용 가능한 웹 제작 흐름을 배웁니다. 이 강의는 단순히 AI로 화면 하나를 만들어보는 강의가 아닙니다. OpenAI Images 2.0, Kling, Higgsfield 등 최신 AI 도구로 이미지와 영상을 생성하고, 이를 실제 웹사이트의 히어로 이미지, 배경 영상, 전환 영상, 인터랙션 에셋으로 활용하는 과정을 다룹니다. Next.js를 기반으로 시네마틱 랜딩페이지, 게임형 인터랙티브 홈페이지, 문의 페이지, 블로그 콘텐츠 페이지를 단계적으로 구현하며, 실무자가 홈페이지나 랜딩페이지를 제작할 때 바로 참고할 수 있는 구조와 흐름을 익힙니다. 특히 이 강의에서는 전통적인 관리자 페이지 형태의 CMS만을 고집하지 않습니다. Codex, Claude Code 같은 AI Agent가 정해진 스킬과 업로드 규칙을 참고해 콘텐츠와 이미지 에셋을 정리하고, Neon DB와 Vercel Blob Store에 업로드하는 AI Agent 기반 CMS 구조를 구현합니다. 즉, 관리자가 직접 폼에 하나씩 입력하는 방식이 아니라, 블로그 주제와 참고 자료, 이미지 에셋을 전달하면 AI Agent가 콘텐츠 구조를 정리하고 일관된 포맷으로 업로드할 수 있는 운영 방식을 경험합니다. 이후 필요에 따라 이 구조를 전통적인 관리자 페이지, 승인 워크플로우, 자동화 파이프라인으로 고도화할 수 있습니다. 또한 제작에서 끝나지 않고 Vercel 배포, GoDaddy 도메인 연결, SEO 메타태그, favicon, OG 이미지, sitemap, robots.txt 설정까지 실제 운영에 필요한 요소를 함께 준비합니다. 구글 서치콘솔, Bing 웹마스터 도구, 네이버 서치어드바이저에 사이트를 등록하고 소유권을 인증하는 과정, Google Analytics와 Google Tag Manager를 세팅해 방문자 데이터를 추적하는 방법도 함께 다룹니다. 강의가 끝나면 AI를 활용한 기획, 이미지·영상 에셋 제작, Next.js 구현, SEO 최적화, 배포, 검색엔진 등록, 분석 도구 세팅, AI Agent 기반 콘텐츠 운영까지 이어지는 실무형 웹 제작 흐름을 스스로 재현할 수 있습니다.