Our server-side templates have been pretty basic in previous applications. We've only ever had a single index.ejs file, and maybe a login.ejs file. However, in a big application, you'll probably have several different server templates. When that's the case, you want to remove code duplication as much as possible. How you go about this is dependent on which server-side template system you use. Since we're using ejs (https://github.com/visionmedia/ejs), we'll do this via includes. So, in our project's views directory, make a file called header.ejs. Here's what goes in there:
<!DOCTYPE html> <html> <head> <title> Tokenr </title> <link rel="stylesheet" href="/style.css" /> </head> <body>
Basic and expected, right? Now, we're also going to have a footer.ejs file in the views directory, which will close these tags:
</body> </html>
Alternatively, you could just remember to add these two lines to the bottom of every template...