SPAs in AEM

[AEM_Forum]

Hi,

I was going through Getting Started with SPAs in AEM @ https://solutionpartners.adobe.com/content/dam/spp_assets/public/public_5/Getting_Started_with_SPAs_...

I am stuck up with the very basic question on what "single page" refers to.

I am aware of their advantages, but how a typical site could be fitted in to a single page?

99% of the web sites have multiple sections and pages to cover different topics.

Ex: A hospital web site has one section on OP, another on patient self care like fixing appointments and another for surgeries.

How could a single page possibly address all these requirements?

Even if we force all such info in to a single page, would it not be jam packed?

Appreciate your replies.

Thanks,

Rama.

[arunpatidar]

Hi,

check

https://medium.com/@pshrmn/demystifying-single-page-applications-3068d0555d46

ASP.NET - Single-Page Applications: Build Modern, Responsive Web Apps with ASP.NET

Thanks

Arun

[AEM_Forum]

Hi Arun,

I went through your link.

It, like so many other spa pages, addresses json data vs html, etc.

I understand how it works.

Kindly explain me what the word "Single Page" implies and whether multiple pages could be rendered using SPA.

Thanks,

Rama.

[arunpatidar]

Single Page means, A site will be having only a page(contains place holder), user will not navigate to other page to access different content. The content will be changed based on users action inside place holders in that page.

Yes, the site won't contains a single file to render entire website but single page.

[AEM_Forum]

Thanks Arun.

Now it makes sense to me.

One more question....

Let us take the example of a a hospital web site has one section on OP, another on patient self care like fixing appointments and another for surgeries.

How could a single page possibly address all these requirements?

In this case, what could be the possible "place holders" and "variable sections" (rendered using json data)?

Probably there could be multiple variants to "place holders" and "variable sections".

This is for me to visualize how a real life web site could be implemented using an spa.

Highly appreciate your inputs.

Thanks,

Rama.

[arunpatidar · Accepted solution]

Hi,

This is depends how you do. For example in Angular this can be done using controllers and routing

based on user action , different HTML file will be injected based on url.

AngularJS User Registration and Login Example & Tutorial | Jason Watmore's Blog

[smacdonald2008]

Just a note here - we are planning on doing an ASk the AEM Community Experts on SPA in late 2018 or early 2019.