ASP.Net Core Nested Area
<p>I want to create area like the following structure</p>

<ul>
<li>Areas

<ul>
<li>Admin

<ul>
<li>FrontEnd

<ul>
<li>Controllers

<ul>
<li>HomeController.cs</li>
</ul></li>
<li>Views</li>
</ul></li>
<li>API

<ul>
<li>Controllers

<ul>
<li>HomeController.cs</li>
</ul></li>
</ul></li>
</ul></li>
</ul></li>
</ul>

<p>Startup class</p>

<pre><code>public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
        {
            loggerFactory.AddConsole(Configuration.GetSection("Logging"));
            loggerFactory.AddDebug();

            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
                app.UseBrowserLink();
            }
            else
            {
                app.UseExceptionHandler("/Home/Error");
            }

            app.UseStaticFiles();

            app.UseMvc(routes =&gt;
            {
                routes.MapRoute(name: "areaRoute",
                  template: "{area:exists}/{controller=Home}/{action=Index}");

                routes.MapRoute(
                    name: "default",
                    template: "{controller=Home}/{action=Index}/{id?}");
            });
        }
</code></pre>

<p>I already marked [Area("Admin/FrontEnd")] to HomeController but it doesn't work. It return the following error</p>

<p>An unhandled exception occurred while processing the request.</p>

<p>InvalidOperationException: The view 'About' was not found. The following locations were searched:
/Areas/Admin/Views/Home/About.cshtml</p>

<p>How can I do?</p>

<p>Project</p>

<p><a href="https://i.stack.imgur.com/U22Kg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/U22Kg.png" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/qjuR7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qjuR7.png" alt="enter image description here"></a></p>