Customizing the template

Let's start the last blueprint by copying our boilerplate project and creating a new one called Chapter 7. Open the _data.json file and insert the following code:

{
  "index": {
    "pageTitle": "Home"
  },
  "activity-feed": {
    "pageTitle": "Activity Feed"
  },
  "notifications": {
    "pageTitle": "Notifications"
  },
  "messages": {
    "pageTitle": "Messages"
  },
  "friends": {
    "pageTitle": "Friends"
  }
}

For this project, we are going to create five page templates. Let's start by creating the files in the root of our project. For now, they can just be blank, and we'll start to fill them in a little later:

• index.ejs

• activity-feed.ejs

• notifications.ejs

• messages.ejs

• friends.ejs

Updating _layout.ejs

Next, let's update the _layout.ejs file in the root of our new project. The layout for the profile page doesn't have any major differences. Make sure you include the line of code that will import Roboto as your web font:

<link href='https://fonts.googleapis...