Book Image

MEAN Blueprints

By : Robert Onodi
Book Image

MEAN Blueprints

By: Robert Onodi

Overview of this book

The MEAN stack is a combination of the most popular web development frameworks available—MongoDB, Angular, Express, and Node.js used together to offer a powerful and comprehensive full stack web development solution. It is the modern day web dev alternative to the old LAMP stack. It works by allowing AngularJS to handle the front end, and selecting Mongo, Express, and Node to handle the back-end development, which makes increasing sense to forward-thinking web developers. The MEAN stack is great if you want to prototype complex web applications. This book will enable you to build a better foundation for your AngularJS apps. Each chapter covers a complete, single, advanced end-to-end project. You’ll learn how to build complex real-life applications with the MEAN stack and few more advanced projects. You will become familiar with WebSockets and build real-time web applications, as well as create auto-destructing entities. Later, we will combine server-side rendering techniques with a single page application approach. You’ll build a fun project and see how to work with monetary data in Mongo. You will also find out how to a build real-time e-commerce application. By the end of this book, you will be a lot more confident in developing real-time, complex web applications using the MEAN stack.
Table of Contents (13 chapters)
MEAN Blueprints
About the Author
About the Reviewer

Building the Storefront

As we discussed at the beginning of the chapter, we are going to try something different. Instead of building a single-page app for our Storefront, we are going to implement server-side-rendered pages.

Technically, we are going to build a classical web page. The pages are going to be dynamic, rendered using a view engine to render our templates.

We want to truly leverage the benefits of our headless core application and see how we can integrate it with different client applications, so we are going to experiment a little bit with server-side-rendered pages using a third-party package.

We can easily build this using Angular, but I wanted to add a twist, to see more complex solutions in action.

Storefront micro app

As we have seen before in the admin section of our application, we decoupled it from the main application into a micro app. So technically, we can just pull out the necessary code for the storefront from this application at any time, add it to a whole new Express...