Layout.dev

앱을 말로 설명하면 Layout이 만들어 낸다. 프런트엔드, 백엔드, 데이터베이스를 한꺼번에 만든다. 결과는 작동하는 풀스택 웹앱이다. 화면 몇 개가 아니다. 적어 둔 아이디어와 브라우저에서 열리는 것 사이의 거리를 메우는 것이 이 제품의 핵심이다.

Layout은 같은 흐름에서 UI와 서버 쪽을 만들고, 앱의 데이터를 담을 데이터베이스를 세운다. 이 조합이 있어야 정적인 페이지가 아니라 작동하는 앱이 나온다. 첫 버전을 만들 때 무언가가 돌기 전에 서로 다른 도구 세 개를 이어 붙이는 일이 필요 없다.

앱이 만들어진 뒤에는 코드를 건드리지 않고 바꾼다. 레이아웃과 내용을 눈으로 보며 편집하거나, 설명을 바꿔 바꾸고 싶은 부분만 Layout이 다시 만들게 한다. 결과를 보고 손보고 싶은 사람에게 맞는 방식이다. 차이점을 읽을 필요가 없다.

만들어지는 코드는 구조가 있고 읽힌다. 블랙박스가 아니다. 유료 플랜에서는 소스를 내려받을 수 있어 앱이 플랫폼에 묶이지 않는다. 개발자는 Layout이 만든 출발점을 이어받아 자기 환경에서 작업을 계속한다.

Layout은 앱을 공개 URL로 올리고 호스팅까지 맡는다. 아이디어에서 공유할 수 있는 링크까지의 길이 한 도구 안에서 끝난다. 만든 것을 보여 주려고 따로 호스팅을 세울 필요가 없다. 실제 사용자 앞에서 아이디어를 시험할 때 이 점이 특히 중요하다.

제품이 노리는 것은 웹사이트, 웹앱, 랜딩 페이지, 대시보드, 사내 도구다. 이 범위는 작은 팀이 처음 손대는 일을 대부분 덮는다. 공개 홍보 페이지부터 팀만 여는 사내 도구까지.