Express Js is one of the most popular Node.js frameworks. In this Node.js Express tutorial, we will build a mock landing page that can collect the email addresses of people interested to be notified of the launch of our imaginary podcast about headphones. Let’s get started.
Table of contents
- What we are building
- Prerequisites
- Setup project
- Install express and pug
- Add the views
- Add the server and routes
- Testing
- Next steps
- TLDR; need a quick run
- Conclusion
What we are building
For this guide, we are building a simple one-pager landing page for an imaginary podcast about headphones. The website is called “Eventually podcast”. It is going to look something like below:
We will be converting a very useful and popular responsive HTML template called Eventually by HTML5UP. Thanks to the amazing creator AJ for providing such outstanding templates for free.
We will download the responsive theme which will have HTML, JS, and CSS files and we will transform the HTML file into a rudimentary template for this Node.js Express tutorial using Pug as the templating engine. To keep the scope of this step-by-step tutorial small, we will not deal with handling the form submission part.
#node.js #node
