이제 퍼그의 문법은 충분히 배웠습니다. views 폴더에 layout.pug, index.pug, error.pug 파일을 만들어봅시다.

layout.pug

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/style.css')
  body
    block content

index.pug

extends layout

block content
  h1= title
  p Welcome to #{title}

error.pug

extends layout

block content
  h1= message
  h2= error.status
  pre #{error.stack}

index.pug를 보면 extends layout과 block content가 있습니다. layout.pug의 block content 부분에 index.pug의 block content를 넣습니다. index.pug는 res.render로부터 title이라는 변수를 받아 렌더링합니다.

error.pug도 block content 부분이 layout.pug와 연결됩니다. res.render로부터 message와 error 변수를 받아 렌더링합니다.

퍼그 문법에 익숙해지기가 쉽지 않다면, 다음 절에서 다루는 템플릿 엔진인 넌적스도 살펴보세요.