Newbie question: how can I closely integrate non-reactive pages with my app?

I’m planning an app with an associated blog, and I want the blog to be accessible publicly on the web to anyone – the blog shouldn’t require a login. Ideally, if a user IS logged into the app, though, I’d like them to be able to interact with their accounts while looking at blog pages – for example, if a logged-in user navigates to a blog page, I’d like the app’s top navigation to appear at the top of the blog page.

I’ve looked at stuff about hosting static content alongside a meteor app, but I’m not sure if there’s an obvious solution for this situation. From a SEO perspective, it seems like the best/simplest option would be to keep the non-app pages completely separate from the app, but I’d like for these page to feel completely integrated to signed-in users.

Can anyone here give me an idea of how I might approach a situation like this, or what strategies I could look into? Thanks it advance to anyone who can point me in the right direction to get started.