Rust, 풀스택 웹개발의 게임체인저 될까? Next.js마저 긴장시킬 'Topcoat' 파헤치기

새로운 Rust 웹 프레임워크가 등장했습니다. 그 이름은 바로 Topcoat.

Rust는 이미 Axum 같은 훌륭한 프레임워크 덕분에 백엔드 개발에선 견고한 선택지로 자리매김했습니다. 하지만 여전히 완전한 웹 애플리케이션을 Rust로 구축하려면 여러 라이브러리를 직접 연결하고 통합하는 수고가 필요했죠. Topcoat는 바로 이 지점에서 오는 번거로움을 해결하고자 합니다.

Topcoat은 Carl Lerche와 Julien Scholz가 만든 새로운 '배터리 포함(batteries-included)' 프레임워크입니다. Rust만을 사용해 풀스택 반응형 웹 애플리케이션을 손쉽게 구축할 수 있도록 돕는 것을 목표로 합니다.

공식 발표: https://tokio.rs/blog/2026-07-22-announcing-topcoat
GitHub: https://github.com/tokio-rs/topcoat

글로 읽는 것보다 영상이 편하시다면? Topcoat의 개발자이자 Tokio의 창시자인 Carl Lerche와 Topcoat의 창시자 Julien Scholz와 직접 나눈 이야기가 담긴 영상도 준비되어 있습니다.

{% embed https://youtu.be/iP9iL4dkiB0 %}

Topcoat는 무엇인가?

Topcoat은 완벽히 서버 렌더링됩니다.

컴포넌트들은 비동기적으로 동작하며, 서버에서 직접 데이터베이스에 접근하고, 애플리케이션 상태를 로드하며, 사용자 권한까지 확인할 수 있습니다. 이 모든 작업이 서버 단에서 이루어지는 것이 핵심이죠.

최소한의 Topcoat 애플리케이션 코드는 다음과 같습니다.

#[tokio::main]
async fn main() {
    topcoat::start(Router::builder().discover().build())
        .await
        .unwrap();
}

#[page("/")]
async fn home() -> Result {
    view! {
        <!DOCTYPE html>
        <html>
            <head>
                <title>"Hello world"</title>
                topcoat::dev::script()
            </head>
            <body>
                <h1>"Hello from Topcoat!"</h1>
            </body>
        </html>
    }
}

WebAssembly 없이 반응형 UI 구현하기

Leptos나 Dioxus 같은 프레임워크들은 WebAssembly를 통해 브라우저에서 Rust 코드를 실행합니다. Topcoat는 이와 다른 길을 택했습니다.

Topcoat은 서버에서 애플리케이션을 렌더링하고, 작지만 강력한 반응형 지침들을 통해 클라이언트 사이드 상호작용을 더하는 방식을 택합니다. 이는 단순히 전체 페이지를 다시 로드하는 것이 아니라, 변경된 UI 영역만 서버에서 다시 렌더링하여 효율적으로 교체하는 접근 방식이죠.

이러한 접근법은 전통적인 React 스타일의 SPA보다는 HTMX나 Hotwire에 더 가깝다고 볼 수 있습니다. 제가 예전에 HTMX를 활용해서 작은 관리자 페이지를 만들 때 느꼈던 개발 속도와 비슷한 맥락인데, Rust의 강력함까지 더해졌다고 생각하니 벌써부터 기대감이 큽니다.

이러한 특성 덕분에 Topcoat은 다음과 같은 애플리케이션에 특히 유용합니다.

관리자 패널
사내 도구(Internal tools)
블로그 및 콘텐츠 플랫폼
온라인 상점
데이터 중심 애플리케이션

물론, 고도로 인터랙티브한 브라우저 애플리케이션이라면 여전히 클라이언트 중심 프레임워크가 더 적합할 수 있습니다.

Axum을 대체하는가?

아닙니다. Axum은 여전히 API나 저수준 HTTP 엔드포인트를 구축하는 데 탁월한 선택지입니다.

Topcoat은 더 높은 수준에서 동작하며, 라우팅, 컴포넌트, HTML 렌더링, 자산 관리, 반응형 업데이트 등 여러 기능 사이의 상용구 코드(boilerplate)를 제거하는 데 집중합니다. 하나의 프로젝트에서 Topcoat과 Axum을 함께 사용하는 것도 충분히 가능하죠. 예를 들어, Topcoat으로 관리자 페이지를 만들고, Axum으로 백엔드 API 서버를 구축하는 시나리오를 생각해 볼 수 있겠습니다.

Topcoat가 중요한 이유

Rust는 이미 수많은 훌륭한 라이브러리들을 보유하고 있습니다. 하지만 Rails, Laravel, 혹은 Next.js처럼 통합되고 '의견이 있는(opinionated)' 개발 경험은 부족했던 것이 사실입니다. 사실 그동안 Rust로 풀스택 웹 애플리케이션을 구축하려면 라우팅부터 템플릿 엔진, 정적 파일 서빙, 상태 관리까지 직접 조립해야 하는 번거로움이 컸죠. 제가 실무에서 그런 프로젝트를 진행할 때마다 '좀 더 통합된, Rails 같은 프레임워크가 있으면 얼마나 좋을까' 하고 아쉬워했던 기억이 생생합니다.

Topcoat는 바로 그 방향으로 나아가고 있습니다.

서버 렌더링 컴포넌트
자산 파이프라인(Asset pipeline)
Tailwind 기반 UI 컴포넌트
폰트 및 아이콘 통합
요청 수준 메모이제이션(Request-level memoization)
보호된 컴포넌트 근처에서 직접 처리하는 인증 방식
Toasty ORM과의 통합 계획

아직 초기 단계이며, 팀도 반응형 시스템의 현재 한계에 대해 솔직하게 이야기하고 있습니다. 하지만 그럼에도 불구하고, Topcoat는 Rust 웹 개발의 중요한 한 걸음처럼 느껴집니다.

Topcoat는 기존의 모든 프레임워크를 대체하기 위해 등장한 것이 아닙니다. Rust 환경을 벗어나지 않고도 완전한 서버 렌더링 애플리케이션을 훨씬 쉽게 구축할 수 있도록 돕기 위해 존재합니다.

다음 사내 도구나 대시보드 프로젝트에 Topcoat을 한번 시도해 보시겠어요?

Carl Lerche와 Julien Scholz와의 전체 인터뷰 영상은 여기서 다시 보실 수 있습니다.

{% embed https://youtu.be/iP9iL4dkiB0 %}

원문: https://dev.to/francescoxx/better-than-nextjs-is-rust-finally-ready-for-full-stack-web-development-introducing-topcoat-2h09 수집일: 2026-07-24 01:21:53