LIVE SERVER RENDERING

요청하는 순간,
서버가 만드는 페이지.

서버에서 가져온 데이터로 HTML을 완성해 전달합니다.
시간, 인사말, 실제 게시판 데이터를 직접 확인해 보세요.

다시 서버에 요청

이번 요청의 기록

매 요청 갱신
서버 요청 시각 · 한국 시간

새로고침하거나 다시 요청하면 새로운 시각과 ID가 표시됩니다.

요청 ID
e316d4d0-cb99-475a-b258-02f766f89c7c
처리 방식
서버에서 HTML 생성
응답 캐시
private, no-store

서버가 건네는 인사

GET 요청

방문자님, 반갑습니다.

이 인사말은 서버가 생성한 HTML에 들어 있습니다.
LIVE DATABASE

실제 데이터베이스에서 가져왔어요.

조회 12.7 ms

현재 공개된 게시판과 게시글을 서버에서 조회한 결과입니다.

공개 게시판1개
공개 게시글0개
최근 공개된 이야기게시판 보기

아직 공개된 이야기가 없습니다.

공개 글을 작성한 뒤 다시 요청하면 여기에 표시됩니다.
HOW IT WORKS

이 화면이 도착하기까지

본문의 시간·인사말·조회 결과는 JavaScript를 꺼도 표시됩니다.

  1. 01요청주소와 이름 전달
  2. 02서버시간 생성 · DB 조회
  3. 03HTML완성된 화면 응답
  4. 04브라우저받은 HTML 표시
핵심 Astro 코드 보기
---
export const prerender = false;
const requestedAt = new Date();
const name = Astro.url.searchParams.get('name') || '방문자';
---
<h1>{name}님, 반갑습니다.</h1>
<time>{requestedAt.toISOString()}</time>