Dynamic Websites vs Static Pages vs Single Page Apps (SPAs)

Should you only build SPAs? Why might dynamic pages be better? And there even is a third option!

----------

• Follow @maxedapps and @academind_real on Twitter

See you in the videos!

----------

[academind]

Which kind of web pages have you built already? What was most fun?

[TraversyMedia]

You like air max too? I have about 15 pairs including the ones behind you :) I love the white and red. I collect those along with Jordan 1s. Great vid by the way :)

remember all those older PHP sites that returned a different content page based on an id tag given as an URI component?
Yeah.. I don't miss those days.. I like the way routing is implemented and works today.

[jhonasn]

Perfect, that was exactly what I was looking for to show to some begginers in web dev world. Thank you very much!

[johnmathew]

I searched many videos for this topic, so far this is the best explanation I found on YouTube

[gianlucazin]

I come back to this video every now and then to make order into my mind, you are a hero!

[learnwithlaura]

Thank you for a great explanation! I´ve been trying to figure out the differences for months. I also like the new background.

[juhavehnia]

Great video! I think the pros and cons should also include mention of scalability. Server side rendering is very expensive especially when you have to serve thousands of clients per hour. SPAs can scale to unbelievable heights because the burden is now on the clients. Most laptops are mobile devices are less than 5 years old and well capable of SPAs so I don't think rendering performance is really a concern any more. My point is that when you also offload your static content including all images, the SPA JavaScript bundle itself to a CDN (Content Delivery Network) you are basically left with just API requests. Depending on your application this could easily be 10 x improvement. Not forgetting that you no longer need to.cache any static content on your site. Expose that naked NGINX which is BTW superb for this application.

[nelzkie]

Ah got it. I was confused about this sever side rendered and client side rendered. Your explanation is really good. Thanks.

[jeanj_]

The most enjoyable thing about SLA is the fact the frontend code finally get well structured just like a backend application. Everything is a component.
That being said, this type of structure can be achieved with web components with no SPA involved.

[azizkosber]

Thank you, this was super informative and clear!

[MuhammadHamza-uhlu]

Great explanation bro. Put the perspective straight. Kudos.

[Capatron]

What a great insight this video gave to me! Thanks for sharing it, learned a lot!

[ajiteshrajan]

Good overview in less time!
It will geat if provide some link of active website/dummy pages for all kinds.

[vasilisplavos]

Static Pages for the main website
Dynamic Website for Blogs, Forums etc
Single Page Apps for Tools, Applications etc

[alexmalikov]

Amazing Video Max!! You are great explaining!! What about using Nuxt JS for solving problem with SEO?

[gilmoretj]

Another challenge for SPA's can be accessibility. Audio browsers can find it difficult on detect browser generated content.

[stuart]

It feels like this video is a lowkey introduction for gatsbyjs and where this technology sits in place. i like gatsby, please make a comprehensive tutorial. 👍

[martinlionel]

Spa is also to move charge from server to Client... That one main raison to do spa

[Advertisingvideos]

I must rebuild one static web site for rental, which have good SEO, when I make it dynamic will I lost popularity and how much ? What is better to be done in my case??