Wasp•2y ago

OpenSaas Blog deployment

Hey folks, what's the best way to deploy blog for OpenSaas?

From what I see - it's a totally separate app that should be hosted elsewhere. Any guides on this?

martinsos•2/8/24, 9:15 AM

@Vinny (@Wasp) will know the best!

maksym36uaOP•2/8/24, 9:52 AM

Deployed to Fly.io: changed the

internal_port

internal_port

in the fly.toml and exposed it in the dockefrile, since looks like it's the port Starlight uses. ~~They don't have any deployment docs lol~~ Starlight does not, Astro does

When I'm opening the page (https://toasttracker-blog.fly.dev/) - it freezes and tries to connect. But despite Starlight explicitly says it's on port 4321 (check the screen) - it does not accept requests. Probably I'm missing something @Vinny (@Wasp) you've deployed Starlight to Fly or somewhere else?

martinsos•2/8/24, 10:04 AM

So I know very little, but Starlight is an Astro template, from what I know, some like OpenSaas is a tempalte for Wasp, so it should be deployed the same way Astro is deployed, I think? I am just giving ideas while waiting for @Vinny (@Wasp)

maksym36uaOP•2/8/24, 10:08 AM

Yep, I updated my comment while you were typing

I'm looking into Astro now.

Anyway, I think it will be useful to figure out how to properly deploy the blog part (since it's half of the OpenSaas template) and update the OpenSaas deployment page (https://docs.opensaas.sh/guides/deploying/) as well. I'm pretty sure I won't be the last one who asks this hehe

OpenSaaS.sh

Deploying

Open SaaS is a free, open-source, full-stack SaaS starter kit for React + NodeJS.

Mmaksym36ua Yep, I updated my comment while you were typing 😁 I'm looking into Astro now. ...

martinsos•2/8/24, 10:21 AM

Yeah you are right, we should do that for sure!

maksym36uaOP•2/8/24, 10:26 AM

@martinsos @Vinny (@Wasp) I've used this guide that depends on GoStatic.

https://blog.codybrunner.com/2024/deploying-astro-to-fly/static-deployments/

The only thing - you need to remove section from the fly.toml. For some reason flyctl been unable to parse that section

maksym36uaOP•2/8/24, 12:21 PM

FYI: It's impossible to add google analytics to Starlight.

Project structure is different from the regular astro (starlight relies on Markdown files), and there's no anymore that is used in official integration https://astro.build/integrations/6/

I'm trying to find a way to inject the script on page render, will share what I'll find. Mentioning it since 4th line is not working with 2nd line of OpenSaas docs and I'm sure there will be questions about that also

maksym36uaOP•2/8/24, 1:06 PM

UPD: injected it via the head config (first screenshot). Looks ugly

No idea if it's a preferred way to do this, since Astro officially suggests to use their package and inject into the section of the

.astro

.astro

file (second screenshot), but it works

Vinny•2/8/24, 1:12 PM

Hey @maksym36ua so I deployed it to netlify since it’s just static site and that’s what netlify excels at

Vinny•2/8/24, 1:13 PM

https://wasp-lang.dev/docs/advanced/deployment/manually#netlify

Deploying Manually | Wasp

We'll cover how to deploy your Wasp app manually to a variety of providers:

Mmaksym36ua FYI: It's impossible to add google analytics to Starlight. Project structure i...

Vinny•2/8/24, 1:15 PM

In the long run it will probably be better for us to create our own integrated blog but this will take more time and didn’t seem like a priority to begin with, hence why we defaulted to Astro

Vinny•2/8/24, 1:17 PM

I never thought about analytics for the blog to be honest. Have you tried asking in the Astro discord? Theres one guy, HiDeo, who is their starlight expert

Mmaksym36ua UPD: injected it via the head config (first screenshot). Looks ugly 😂 No idea...

Vinny•2/8/24, 1:23 PM

Oh nice!

maksym36uaOP•2/8/24, 1:33 PM

The blog part should have analytics because it's the entry point for SEO and content marketing efforts. I'm building an app that will rely on SEO as the primary source of leads, so I'm more interested in the blog having analytics than the WASP app itself

That would probably be the thought process for some of the other OpenSaas users. That's why I'm broadcasting my learning process (I assumed it might be helpful for you).

Since I'm familiar with Wasp and it's described well in the docs - the blog part was the only issue. It would be nice to have at least some info on how/where it is preferable to deploy it and how to integrate analytics with it (since it's part of the OpenSaas package and there's no explicit info on that in Astro/Starlight docs). I might end up asking in the Discord, but since it's already working that's not the priority

I've spent three hours researching from scratch how to deploy Astro + Google Analytics, imagine how much time can be saved for OpenSaas folks if that would be pointed out in your docs

VVinny Oh nice!

maksym36uaOP•2/8/24, 1:34 PM

Hope my findings help!

Mmaksym36ua Hope my findings help!

Vinny•2/8/24, 2:48 PM

Oh yeah this is very helpful.

I’m going to document this better now

Thanks Max

Mmaksym36ua UPD: injected it via the head config (first screenshot). Looks ugly 😂 No idea...

Vinny•2/8/24, 4:16 PM

which config file did you inject it into?

Vinny•2/8/24, 4:27 PM

ah nevermind I found it in the astro.config.mjs file

Vinny•2/8/24, 4:28 PM

ok that's a decent workaround rather than the NPM package

Vinny•2/8/24, 4:56 PM

ok cool. ADDED!

https://docs.opensaas.sh/guides/analytics/#adding-analytics-to-your-blog
https://docs.opensaas.sh/guides/deploying/#deploying-your-blog

thanks for the heads up, Max

OpenSaaS.sh

Deploying

Open SaaS is a free, open-source, full-stack SaaS starter kit for React + NodeJS.

OpenSaaS.sh

Analytics

Open SaaS is a free, open-source, full-stack SaaS starter kit for React + NodeJS.

Vinny•2/8/24, 5:12 PM

actually, @maksym36ua is yours working?, wouldn't you need to add , e.g.:

narrowgate•2/8/24, 5:24 PM

Having just read this thread, thanks @maksym36ua for asking about the blog aspect of the open-saas template.
I have been trying to learn web dev via open saas template and wasp and noticed that it was something I had to launch in a third terminal window (postgres, wasp app, and blog).
From a total newbie perspective and just as another voice/perspective regarding this topic, it would be awesome to have some sort of blog integrated into the main stack. I don't know enough to intelligently speak about Astro but it looks like it provides a framework for both docs as well as blog which is appealing. It just appears that is adds another layer of orchestration complexity come deployment time. However, I really don't know much on this topic so please help clear up my understanding on this @Vinny (@Wasp)

maksym36uaOP•2/8/24, 5:25 PM

@Vinny (@Wasp) here's the full head section

Mmaksym36ua @Vinny (@Wasp) here's the full head section ``` head: [ { ta...

Vinny•2/8/24, 6:18 PM

ah nice. thanks for sharing that. mine was worng

Nnarrowgate Having just read this thread, thanks @maksym36ua for asking about the blog aspec...

Vinny•2/8/24, 6:27 PM

yep. this is what I considered doing from the beginning. unfortunately, I saw it as less important than the other features (stripe payments, auth, landing-page, admin dashboard). using Astro saves us a ton of time versus building our own integrated blog. Maybe there's a quick way to implement one, but this seemed like a good tradeof for the time being.

Anyway, I added deployment docs for the blog to https://docs.opensaas.sh now too so that should help

narrowgate•2/8/24, 6:49 PM

@Vinny (@Wasp) Of course ... so many things to gain from not having to reinvent a bigger wheel and sacrifice a bit of parsimony in the deployment (especially under the constrained resources

).
So from what you have mentioned earlier in this thread .. you currently recommend deploying the SaaS portion to Fly and the static blog/docs portion to netlify?

Nnarrowgate @Vinny (@Wasp) Of course ... so many things to gain from not having to reinvent ...

Vinny•2/8/24, 6:49 PM

yep!