Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Modern Web App Architecture

DZone's Guide to

Modern Web App Architecture

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

Yesterday, I had an architecture consulting session with a customer. They are currently evaluating the creation of a new product which is going to be created as a web app. At the end of the day I decided to create a diagram of how I see today’s modern web apps architecture.

Here is what I ended up with:

Modern Web App Architecture

Pay attention that since the customer is using ASP.NET I have written the presentation layer with ASP.NET MVC. This can be changed to any framework that you use (for example Ruby, PHP and so on).

There are probably a lot of things to change in this diagram, but it can be a starting point to write your own modern web app architecture. If you have any comments about this architecture, I would like to here your what you have to say.

Enjoy!

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}