아보카도 스튜디오는 Next.js 사이트를 어떻게 편집하나요?

원하는 변경 사항을 일반 언어로 설명하면 AI 에이전트가 기존 구조와 규칙을 그대로 유지하면서 콘텐츠, 구성 요소 및 메타데이터와 같은 실제 사이트 자산을 업데이트합니다.

아보카도 스튜디오는 오픈 소스이며 자체 호스팅이 가능한가요?

네. 아보카도 스튜디오는 무료 오픈 소스이며, 자체 호스팅이 가능하고, 데이터, API, 프롬프트 및 통합에 대한 제어권을 가지고 자체 인프라에서 실행되도록 설계되었습니다.

아보카도 스튜디오는 어떤 AI 모델 제공업체를 지원하나요?

자체 모델/키 가져오기를 지원하며 Anthropic (Claude), OpenAI, Google Gemini와 같은 제공업체와 함께 작동할 수 있으며, 다양한 작업을 위한 다중 모델 라우팅을 포함합니다.

아보카도 스튜디오가 제 CMS/DAM/디자인 시스템을 대체하나요?

아니요. 아보카도 스튜디오는 “또 다른 CMS가 아닌”, “또 다른 AI 글쓰기 도구가 아닌” 것으로 포지셔닝됩니다. 도구를 대체하는 대신 AI 모델과 스택(예: Next.js, CMS, DAM, 디자인 시스템) 사이에 위치하여 워크플로우를 조정합니다.

아보카도 스튜디오는 라이브 미리보기를 제공하나요?

네. AI 에이전트가 콘텐츠와 레이아웃을 실시간으로 수정하는 동안 Next.js 애플리케이션에서 변경 사항을 즉시 확인할 수 있도록 라이브 미리보기를 제공합니다.

아보카도 스튜디오는 어떤 사용 사례를 위해 구축되었나요?

AI 지원 웹사이트 편집, 게시 워크플로우 전반의 마케팅 운영(CMS/DAM/현지화/승인), 이미지 및 텍스트 동시 생성 및 편집, 그리고 자체 편집 스택에 AI 편집 추가를 위해 구축되었습니다.

어떻게 시작하거나 액세스를 요청할 수 있나요?

아보카도 스튜디오는 얼리 액세스 및 온보딩 지원을 제공합니다. 계정을 만들거나 시작하려면 팀에 문의하도록 안내됩니다(예: 제공된 “문의하기” 이메일 링크를 통해).

Avocado

WebsiteFreeAI Website Builder AI Web Scraper

Avocado Studio는 Next.js를 위한 오픈 소스 자체 호스팅 가능한 AI 편집기 및 오케스트레이션 레이어로, 라이브 미리보기, 다중 모델(BYO 키) 지원 및 기존 콘텐츠 스택 전반의 통합을 통해 실제 사이트 콘텐츠를 일반 언어로 편집할 수 있습니다.

웹사이트 방문

이 도구 광고하기

https://www.avocadostudio.dev/?ref=producthunt&utm_source=aipure

개요
동영상
대안

제품 정보

업데이트됨:Jun 17, 2026

Avocado이란?

Avocado Studio는 팀이 현재 도구를 교체하지 않고도 최신 웹 콘텐츠를 편집하고 게시할 수 있도록 설계된 AI 네이티브 레이어입니다. '또 다른 CMS가 아님' 및 '또 다른 AI 작성 도구가 아님'으로 포지셔닝되어 있으며, 개방적이고 구성 가능하며 개발자 친화적인 상태를 유지하면서 실제 웹사이트 아티팩트(구성 요소, 메타데이터 및 게시 단계)에 AI 기반 변경 사항을 안전하게 적용하는 데 중점을 둡니다. 무료 오픈 소스(MIT 라이선스)이며 자체 호스팅이 가능하며, 현재 Next.js와 함께 작동하도록 구축되었으며 시간이 지남에 따라 CMS, DAM, 디자인 시스템, 현지화 도구 및 게시 파이프라인으로 확장됩니다.

Avocado의 주요 기능

Avocado Studio는 Next.js용 오픈 소스 자체 호스팅 AI 편집기이자 페이지 빌더로, 팀이 실제 웹사이트 콘텐츠를 일반 언어로 편집할 수 있도록 합니다. AI 에이전트를 조율하여 구성 요소, 메타데이터 및 게시 단계를 라이브 미리 보기와 함께 안전하게 업데이트하는 동시에 CMS, DAM, 디자인 시스템, 현지화 도구 및 게시 파이프라인과 같은 기존 시스템과 통합됩니다. 여러 AI 공급자(예: Anthropic, OpenAI, Gemini)를 지원하며, API 우선 및 Git 친화적이며, 대체 CMS 또는 일반 AI 작성 도구가 아닌 AI 기반 콘텐츠 운영 계층으로 자리매김하고 있습니다.

일반 언어 AI 편집: 자연어로 변경 사항을 설명하면 AI 에이전트가 텍스트만 생성하는 것이 아니라 실제 사이트 아티팩트(콘텐츠, 구성 요소, 메타데이터)를 업데이트합니다.

Next.js에서 라이브 미리 보기: 에이전트가 콘텐츠와 레이아웃을 실시간으로 수정함에 따라 Next.js 애플리케이션 내에서 업데이트를 즉시 확인합니다.

개방형 오케스트레이션 계층 (CMS 아님): AI 모델과 기존 스택 사이에 위치하여 현재 도구를 대체하지 않고 편집, 검토 및 게시를 조율합니다.

다중 모델 지원 (BYO LLM 키): 자체 API 키를 사용하여 텍스트, 이미지 및 다중 모드 워크플로를 위해 다양한 공급자(Anthropic, OpenAI, Gemini)에게 다양한 작업을 라우팅합니다.

자체 호스팅 및 오픈 소스 코어: 데이터, 프롬프트, 통합 및 거버넌스에 대한 제어를 위해 자체 인프라에 배포합니다. 독점 종속을 방지합니다.

개발자 및 플랫폼 팀 친화적: 현대 엔지니어링 및 플랫폼 관행에 맞게 설계된 API 우선, 확장 가능한 어댑터, 스트리밍 워크플로 및 Git 친화적인 프로세스.

Avocado의 사용 사례

마케팅 팀을 위한 AI 기반 웹사이트 업데이트: 마케팅 팀은 Next.js 사이트에서 구성 요소 제약 조건, 스키마 및 검토 규칙을 그대로 유지하면서 일반 언어로 페이지 편집을 요청할 수 있습니다.

CMS/DAM/현지화를 아우르는 콘텐츠 운영: 일관되고 감사 가능한 릴리스를 위해 기존 시스템 전반에서 승인, 미디어 처리, 현지화 및 게시 단계를 조율합니다.

전자상거래 머천다이징 및 랜딩 페이지 반복: 디자인 시스템 일관성을 유지하고 변경 사항을 실시간으로 미리 보면서 제품 스토리텔링, 프로모션 랜딩 페이지 및 메타데이터를 신속하게 업데이트합니다.

SaaS 문서 및 제품 사이트 유지 관리: 에이전트가 구조화된 편집 및 메타데이터 업데이트를 안전하게 적용하여 제품 페이지 및 문서와 유사한 사이트 섹션을 최신 상태로 유지합니다.

이미지 + 텍스트를 결합한 크리에이티브 워크플로: 다중 모드 모델을 사용하여 구조화된 콘텐츠와 함께 이미지를 생성하거나 편집한 다음, 기존 게시 워크플로를 통해 출력을 라우팅합니다.

장점

오픈 소스 및 자체 호스팅 가능하여 데이터, 프롬프트 및 통합에 대한 강력한 제어를 가능하게 합니다.

기존 스택(CMS/DAM/디자인 시스템)과 함께 작동하여 마이그레이션 위험 및 종속을 줄입니다.

BYO 키를 사용한 다중 모델 라우팅은 유연한 비용/성능 트레이드오프를 지원합니다.

라이브 미리 보기 및 에이전트 편집은 실제 Next.js 사이트에서 반복 속도를 높일 수 있습니다.

단점

현재 Next.js에 초점을 맞추고 있으며, 더 넓은 스택 지원에는 추가 설정/어댑터가 필요할 수 있습니다.

관리형 플랫폼에 비해 자체 호스팅 및 통합 작업은 엔지니어링 노력을 증가시킬 수 있습니다.

타사 모델 API에 대한 의존은 비용/지연 시간 및 공급자 변경을 사용자가 관리해야 함을 의미합니다.

Avocado 사용 방법

1) Next.js 사이트를 사용 중인지 확인합니다 (시작점): Avocado Studio는 '오늘날 Next.js 웹사이트로 시작'하도록 포지셔닝되어 있습니다. AI로 편집하려는 Next.js 앱을 선택하고 변경 사항이 적용되는 동안 라이브 미리보기를 사용할 수 있도록 로컬에서 실행할 수 있는지 확인하십시오.

2) 배포 모드를 결정합니다 (자체 호스팅): 데이터, 프롬프트, API 및 통합을 제어할 수 있도록 자체 인프라(자체 호스팅)에서 Avocado Studio를 실행할 계획을 세우십시오. 이는 제품 포지셔닝에 설명된 의도된 설정입니다.

3) 자체 LLM 키를 가져옵니다 (공급자 선택): 사용하려는 모델(예: Anthropic, OpenAI, Gemini)에 대한 API 키를 얻으십시오. Avocado는 '다중 모델 AI' 및 '자체 모델 가져오기'를 지원하므로 다양한 작업(텍스트, 이미지, 다중 모드)을 다른 공급자에게 라우팅할 수 있습니다.

4) 라이브 미리보기를 위해 Avocado Studio를 Next.js 사이트에 연결합니다: Next.js 애플리케이션에서 변경 사항을 즉시 표시할 수 있도록 Avocado를 구성하십시오('라이브 미리보기'). 목표는 AI 에이전트가 콘텐츠, 구성 요소 및 레이아웃을 수정하는 동안 사이트 업데이트를 실시간으로 확인하는 것입니다.

5) 기존 콘텐츠 스택을 통합합니다 (선택 사항이지만 권장): 이미 CMS, DAM, 디자인 시스템, 현지화 도구 또는 게시 파이프라인을 사용하는 경우, Avocado가 기존 도구를 교체하는 대신 워크플로를 조율할 수 있도록 연결하십시오.

6) AI 지원 편집 세션을 시작합니다 (일반 언어 변경 요청): 원하는 변경 사항을 일반 언어로 설명하십시오. Avocado의 에이전트는 스키마 및 거버넌스 규칙을 유지하면서 실제 구조화된 웹사이트 콘텐츠(구성 요소, 메타데이터 및 게시 단계)를 업데이트하도록 설계되었습니다.

7) 구조화된 변경 사항을 검토합니다 (텍스트뿐만 아니라 구성 요소 + 메타데이터): 에이전트가 변경한 내용(페이지 콘텐츠, 구성 요소 구조 및 메타데이터)을 검사하십시오. Avocado는 명시적으로 '단순한 텍스트 생성'이 아니므로 편집 내용이 구성 요소 모델 및 모든 스키마 제약을 준수하는지 확인하십시오.

8) 페이지가 올바를 때까지 라이브 미리보기로 반복합니다: 라이브 미리보기 루프를 사용하십시오. 자연어로 조정을 요청하고, Next.js 미리보기에서 업데이트가 나타나는 것을 확인하고, 레이아웃/콘텐츠가 의도와 일치할 때까지 다듬으십시오.

9) 필요할 때 다중 모드 워크플로를 사용합니다 (이미지 + 복사본 함께): 시각 자료와 텍스트가 모두 필요한 페이지의 경우, 선택한 공급자(Claude/OpenAI/Gemini)의 지원되는 이미지 기능을 구조화된 콘텐츠 편집과 함께 사용하여 자산과 복사본이 함께 업데이트되도록 하십시오.

10) 연결된 워크플로를 실행합니다 (검토 → 승인 → 게시): 시스템(CMS, DAM, 현지화, 승인) 전반에 걸쳐 게시 워크플로를 조정하십시오. Avocado는 편집, 승인, 게시, 미디어 및 현지화를 하나의 제어된 워크플로로 연결하도록 설계되었습니다.

11) Git 친화적으로 유지합니다 (개발자 워크플로): 개발자/플랫폼 팀에 적합한 방식으로 Avocado를 사용하십시오. 변경 사항을 Git 워크플로 및 기존 프런트엔드 스택과 호환되도록 유지하여 편집 내용을 일반 코드/콘텐츠 변경 사항처럼 검토하고 추적할 수 있도록 하십시오.

12) 시간이 지남에 따라 초기 Next.js 사이트를 넘어 확장합니다: 하나의 Next.js 사이트에서 워크플로를 입증한 후, Avocado의 오케스트레이션 레이어를 구성 가능한 아키텍처의 더 많은 부분(추가 사이트, 더 많은 콘텐츠 시스템, 더 많은 워크플로 단계)으로 확장하십시오.

13) 필요한 경우 온보딩 지원 / 얼리 액세스를 받으십시오: 사이트 온보딩에 도움이 필요한 경우, 제공된 얼리 액세스 채널([email protected])을 통해 팀에 연락하여 지원을 받으십시오.