이제 넌적스의 문법은 충분히 배웠습니다. views 폴더에 layout.html, index.html, error.html 파일을 만들어봅시다.
layout.html
<!DOCTYPE html>
<html>
<head>
<title>{{title}}</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>
index.html
{% extends 'layout.html' %}
{% block content %}
<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>
{% endblock %}
error.html
{% extends 'layout.html' %}
{% block content %}
<h1>{{message}}</h1>
<h2>{{error.status}}</h2>
<pre>{{error.stack}}</pre>
{% endblock %}
index.html을 보면 {% extends 'layout.html' %}와 {% block content %}가 있습니다. layout.html의 {% block content %} 부분에 index.html의 {% block content %}를 넣습니다. index.html은 res.render로부터 title이라는 변수를 받아 렌더링합니다.
error.html도 {% block content %} 부분이 layout.html과 연결됩니다. res.render로부터 message와 error 변수를 받아 렌더링합니다.