This is the first time we have tried Umbraco and we are following a official tutorial to create a Arcticle/News functionality as an example.

We basically started from the top here

So, first we created a Homepage and so a Masterpage, and everything in between until we reach this point.

And everything displayed works, we have a overview, the Macro/Partial View is working great.

But when we want to navigate to the actual ArticleItem, we run into the error mentioned in the title.

Cannot bind source content type Umbraco.Web.PublishedContentModels.ArticlesItem to model content type Umbraco.Web.PublishedContentModels.ArticlesMain. Both view and content models are PureLive, with same version. The application is in an unstable state and should be restarted.

Now, my guess is that it is an issue with the Masterpage being the ArticlesMain template, and this enforces that Model to be used/passed down to the ArticlesItem pages. But my MVC is quite rusty, so it seems I can't figure out a solution myself at this time.

The code used is copied 1:1 from the tutorial to make sure we didn't mess anything up, but no dice so far. We also did everything in the Umbraco CMS, our IDE (VS) was not used.

/Views/ArticlesMain.cshtml

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
<ContentModels.ArticlesMain>
  @using ContentModels = Umbraco.Web.PublishedContentModels; @{ Layout = "HomePage.cshtml"; }
  <div id="main-container">
    <div id="main" class="wrapper clearfix">
      <section>
        <h2>@Umbraco.Field("articlesTitle")</h2>
        <p>@Umbraco.Field("articlesBodyText")</p>
        <p>@Umbraco.RenderMacro("listArticles")</p>
      </section>
    </div>
    <!-- #main -->
  </div>
  <!-- #main-container -->

/Views/ArticlesItem.cshtml

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
<ContentModels.ArticlesItem>
  @using ContentModels = Umbraco.Web.PublishedContentModels; @{ Layout = "ArticlesMain.cshtml"; }

  <h1>@Umbraco.Field("articlesTitle")</h1>
  <article>
    <h2>@Umbraco.Field("createDate")</h2>
    <p>@Umbraco.Field("articleContents")</p>
  </article>

/Views/MacroPartials/listArticles.cshtml

@inherits Umbraco.Web.Macros.PartialViewMacroPage
@{ 
    var selection = CurrentPage.Children.Where("Visible").OrderBy("CreateDate desc"); 
    @* OrderBy() takes the property to sort by and optionally order desc/asc *@
}

@foreach (var item in selection)
{
    <div class="article">
        <div class="articletitle"><a href="@item.Url">@item.Name</a></div>
        <div class="articlepreview">@Umbraco.Truncate(@item.ArticleContents,100) <a href="@item.Url">Read More..</a></div>
    </div>
    <hr/>
}

As for the Document Types, they looks exactly as in the tutorial's screenshots, I could provide those as well of course, including the set permissions.