# Multiple-apps on several pages

**URL:** <https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288>\
**Category:** Design\
**Created:** [May 16, 2014, 1:32pm UTC](https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288 "2014-05-16T13:32:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ZhandosKz](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/zhandoskz/32/15839_2.png) [@ZhandosKz](https://discuss.emberjs.com/u/ZhandosKz)\
**Post date:** [May 16, 2014, 1:32pm UTC](https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288/1 "2014-05-16T13:32:32Z")

</div>

How to better realize multiple applications on several pages. So, e.g. ember search application run only on `/search`&nbsp; web page (backend), and will not run on other web pages. I can write some ember application, and that runned only on certain conditions (e.g. if exists base dom element (rootElement) for app)? Or this is bad practice, and javascript applications files including should be managed by backend? I would like to build one javascript app.js for all pages (grunt, require etc). Question about it.

Thanks all for attention!

---

<div class="post-metadata">

**Author:** ![windhandel](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/windhandel/32/10627_2.png) [@windhandel](https://discuss.emberjs.com/u/windhandel)\
**Post date:** [April 7, 2015, 5:46am UTC](https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288/2 "2015-04-07T05:46:20Z")

</div>

Hi there. Did you ever find an answer to your question about multiple simultaneous nested applications?

---

<div class="post-metadata">

**Author:** ![dpreston](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/dpreston/32/10590_2.png) [@dpreston](https://discuss.emberjs.com/u/dpreston)\
**Post date:** [April 7, 2015, 6:11am UTC](https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288/3 "2015-04-07T06:11:08Z")

</div>

I havent used ember-islands myself but I think its trying to solve this problem.

> **[GitHub - mitchlloyd/ember-islands: Render Ember components anywhere on a...](https://github.com/mitchlloyd/ember-islands)**
>
> Render Ember components anywhere on a server-rendered page to create "Islands of Richness" - GitHub - mitchlloyd/ember-islands: Render Ember components anywhere on a server-rendered page ...

[![](https://img.youtube.com/vi/-5hkHTmnJAg/maxresdefault.jpg "EmberConf 2015 - Ember Islands") ](https://www.youtube.com/watch?v=-5hkHTmnJAg)

---

<div class="post-metadata">

**Author:** ![windhandel](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/windhandel/32/10627_2.png) [@windhandel](https://discuss.emberjs.com/u/windhandel)\
**Post date:** [April 7, 2015, 6:31am UTC](https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288/4 "2015-04-07T06:31:57Z")

</div>

Thanks @dpreston, for the reply. From my brief reading, it sounds like it’s an integration scenario for server rendered applications that want to introduce “islands” of ember-ness. I’m looking to solve the problem of being able to render, client side, multiple ember applications within each other.

The docs on ember-islands seem to indicate the fundamental problem with Ember - that two apps can’t attach themselves to the same section of DOM.

---

<div class="post-metadata">

**Author:** ![dpreston](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/dpreston/32/10590_2.png) [@dpreston](https://discuss.emberjs.com/u/dpreston)\
**Post date:** [April 7, 2015, 6:42am UTC](https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288/5 "2015-04-07T06:42:44Z")

</div>

I saw your other posts after I replied and realized I had probably misunderstood your situation.

Does your embedded app require features (routes, data models etc) that a complex component cannot provide?

---

<div class="post-metadata">

**Author:** ![windhandel](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/windhandel/32/10627_2.png) [@windhandel](https://discuss.emberjs.com/u/windhandel)\
**Post date:** [April 7, 2015, 6:56am UTC](https://discuss.emberjs.com/t/multiple-apps-on-several-pages/5288/6 "2015-04-07T06:56:25Z")

</div>

Yeah, thanks for the quick replies. From what I’ve read “embedded” seems to imply that an application (only one) is just stuck inside of another server-rendered application. This is not that scenario.

It’s unfortunately more of a many nested client-side application scenario. There will be between 10, 50, potentially hundreds of applications available for a user to take advantage of, each with different functionality. So, one application may need to be utilized inside of another (B “inside of” A), or the nested relationship could be reversed (A “inside of” B). The nestedness really needs to be independent of the API/framework. I need to “stick” an application into the DOM wherever it needs to go, independent of whether the framework plays well with it being at that particular location.

I’m fine with having to program around the root url location of where the application and/or component should be rendered, but Ember seems to be generally incapable of nesting one application inside another.

Realistically, I need to nest the applications (or components of the application) at least up to 5 levels deep.
