DEV Community

Cover image for You can now generate self-hostable static blogs right from your DEV content via Stackbit

You can now generate self-hostable static blogs right from your DEV content via Stackbit

Ben Halpern on September 26, 2019

We shipped a new feature which allows you to automatically generate and maintain a statically-hosted blog from your DEV posts. This effectively mak...
Collapse
 
jess profile image
Jess Lee • Edited

We also just launched on product hunt if you want to see some pretty screenshots of the generated sites πŸ˜‰

producthunt.com/posts/dev-stackbit

(we should probably add a product hunt liquid tag, right?!)

Collapse
 
ben profile image
Ben Halpern

Some of the touches on Stackbit are so much more clean and beautiful than anything we produce here at DEV πŸ˜„

I hope soon enough we'll smooth out the details of our experience in the little ways like this. (If anybody knows a great designer DM me πŸ˜‰)

But this also speaks to our ongoing interest in having underlying core mechanics that enable the correct behavior that our place in the ecosystem deserves... rather than focusing too heavily on the beautiful outer crust.

Compatibility with markdown and static site generators, a programmable API, ample tooling for data export, underlying follow mechanics and feed control that help folks control their experience... I'm proud that we find a way to prioritize the important, less visible stuff. I think it's paying off a lot lately.

Collapse
 
chrisachard profile image
Chris Achard

This is amazing! It seems like it will save a bunch of time/hassle for setting up new blogs and hosting of content.

Congrats on launching it! πŸŽ‰

Any word about how this impacts SEO / changes how google looks at your own personal site? I'm not great with that stuff πŸ˜…

Collapse
 
tammalee profile image
Tammy Lee

I was wondering if I'd have to go in and add canonical tags, or are they added automagically? AND if they are added, which site is considered canonical?

Collapse
 
liyasthomas profile image
Liyas Thomas • Edited

This is it. I was wondering why are you pushing a repo in each hour πŸ€”
Awesome feature! πŸ’–

Collapse
 
ben profile image
Ben Halpern

Launch day... Always one more thing that we forgot πŸ˜‚

Collapse
 
liyasthomas profile image
Liyas Thomas

We all have been there πŸ˜‚

Collapse
 
atkaranshah profile image
Karan Shah

I guess you need to enable canonical URLs on your new website.

I checked your site and while this blog: royal-lime-c9165.netlify.com/posts...
doesn't have any canonical URL - it could potentially be marked as duplicate content because it's also hosted on: dev.to/devteam/you-can-now-generat...

Collapse
 
tammalee profile image
Tammy Lee

It is possible to add canonical tags to your DEV.to post. Bit annoying to go through posts and adjust them but it should solve the problem.

Collapse
 
atkaranshah profile image
Karan Shah

I meant that if you look at the site that Ben's created - it doesn't have any canonical URL which is not good for SEO since Google could flag the content as duplicate!

Thread Thread
 
tammalee profile image
Tammy Lee

Absolutely! But did he have a canonical URL front matter in his dev.to blog post?
I'm going to experiment a bit.

Thread Thread
 
atkaranshah profile image
Karan Shah

No, but it means that the original content is assumed to be from dev.to and not from anywhere else.

Whereas when Google will crawl the Netlify website, it will likely treat the content as duplicate from the dev.to blog

Thread Thread
 
ben profile image
Ben Halpern

We’re working on better support for canonical URLs. It’s a matter of settling on how the configuration will work on the DEV side.

It’s been discussed, but we pushed it until post-release because we wanted some broader usability feedback.

Thread Thread
 
tammalee profile image
Tammy Lee

Thank you for this answer!

Thread Thread
 
raphink profile image
RaphaΓ«l Pinson

It'd be great if the process could add the canonical URLs to the dev.to posts automatically.

This would allow org devs to post on dev.to and then generate a standalone site which appears to have the orig content, with the dev posts pointing to it. Is that currently possible (without adding the canonical urls manually)?

Collapse
 
codercatdev profile image
Alex Patterson

So this is amazingly appealing for sure. My biggest question at this point is who owns the data? Is there an easy export of all my markdown?

Collapse
 
ben profile image
Ben Halpern

The data generated in this feature will land in a GitHub repo for you do do what you want with it.

Additionally on this topic, but unrelated to the feature, you can export your data from the Export Content area of dev.to/settings/misc

Glad you like it πŸ˜„

Collapse
 
therealdanvega profile image
Dan Vega

Where exactly is the data in the Github repo? I created a quick test and I don't see my posts anywhere. Just curious because I want to write an article/post a video on this and I am sure this is going to come up.

Thread Thread
 
osde8info profile image
Clive Da

did you get an answer to this question ?

Collapse
 
yannxaver profile image
Yann

I signed up on here a few minutes ago because I just wanted to quickly comment on another article. And now I'm sitting here and discover what a wonderful philosophy is behind dev.to.

My reluctance with publishing on Medium had always been that they basically own your content and it will go down together with them. However, if you want others to find your content, it definitely helps to use a platform instead of a personal blog.

Dev.to seems to be a healthy middle-ground between discoverability and data-ownership. Nice. πŸ‘πŸ»

Collapse
 
adrienpoly profile image
Adrien Poly

That is great. This is what I somehow manually did with my Gatsby portfolio using the rss feed. For sure it makes it so much easier now

Collapse
 
ben profile image
Ben Halpern

Nice!

Collapse
 
kayis profile image
K

This is pretty awesome!

Does it allow me to publish on the self-hosted site first and then on dev.to later?

Collapse
 
ben profile image
Ben Halpern

That use case isn't 100% cleanly supported with this integration alone, though we'll work to make it function as expected.

I am pretty sure you could rig that up right now via this feature and some work with our API. We'll work to tie it all up nicely soon enough.

Collapse
 
kayis profile image
K

Cool.

Would be nice if this could be configured via publish dates in the front matter.

Collapse
 
bgalvao profile image
Bernardo

Some of us may feel the need to express ourselves in mathjax. I wonder if this feature can be supported at least on a per-post basis?

If so, this would be a great solution to deploy to my personal website as well :)

Collapse
 
stephenafamo profile image
Stephen Afam-Osemene

Would it be possible to auto add the generated static site as the canonical URL?

Collapse
 
ben profile image
Ben Halpern

This is not yet available, but it will be at some point soon. We have a handful of configuration details we need to work out.

Collapse
 
jmfayard profile image
Jean-Michel πŸ•΅πŸ»β€β™‚οΈ Fayard • Edited

sorry to bother you @ben @jess
but is the DEV-stackbit connection not available anymore?

I tried to update my website which was powered by it
but I cannot npm install or npm the JS packages anymore
Everything is two years old which means 80 years old in the JS ecosystem.

So I went to dev.to/connecting-with-stackbit but this link is a HTTP 404
Then I went to app.stackbit.com/create?ref=devto but this doesn't work anymore either

Any resources I could use?

Collapse
 
ioannischc profile image
Ioannis • Edited

dev.to/devteam/heads-up-stackbit-i...

Oops, looks like it is removed

Collapse
 
jmfayard profile image
Jean-Michel πŸ•΅πŸ»β€β™‚οΈ Fayard

awesome, thanks for the information!

Collapse
 
barnabybones profile image
Jeremy Bauer ✨

I used Stackbit to migrate my Medium blog to a Gatsby site. It was fairly simple and painless, which is not what I expected of migrating off Medium πŸ˜…. Especially when I’d been posting to the blog on Medium once a week for between 1 and 2 years. Long story short, Stackbit is great and I’m excited to see this collab! πŸ™Œβœ¨βœ¨

Collapse
 
dr_spo profile image
S Peter Omeiza

The post will appear first on DEV before appearing on my domain name.

Isn't that bad for SEO?

Collapse
 
codingmindfully profile image
Daragh Byrne

I guess it depends on the canonical? But I'm not sure.

Collapse
 
ajeet profile image
Ajeet Yadav

That's also my concern ?

Collapse
 
slashgear_ profile image
Antoine Caron

This is a real great news for the Dev community.🀟
It is completely impossible to say the opposite.

I already had the chance to exchange with you about this subject in this blog post.

For me, it is still the first step to make Dev.to the blogging platform we all dream of.
Now we can easily extract our content from Dev.to but we can't detach ourselves from a service as centralized as AWS.

Netlify, Stackbits are great tools but in my idea, I'd rather be able to host my own Dev.to "at home" without tracking and without advertising.

Is it still something you have in mind ?

Collapse
 
a_mature_dev profile image
a_mature_dev

Thanks Thanks Thanks. This is exactly what I wanted sometime back.

Collapse
 
victorjperez profile image
Victor Perez

So how will this work with canonical URLs? Does it automatically link to the newly generated site or is that something that needs to be done manually?

Collapse
 
cubiclebuddha profile image
Cubicle Buddha

I’d love to see a comment plugin for wordpress that allows the comments to be shared with the cross post in dev.to.

And it could be a potential revenue source for dev.to since comment plugins typically have a freemium model.

Collapse
 
ben profile image
Ben Halpern

That's an interesting idea

Collapse
 
jmfayard profile image
Jean-Michel πŸ•΅πŸ»β€β™‚οΈ Fayard

Does it work with github.com/JavaEden/Orchid ?

Collapse
 
cjbrooks12 profile image
Casey Brooks

Orchid is still pretty new/small so I wouldn't expect it to be natively supported by most JAMstack tooling.

That said, connecting DEV as a headless CMS to Orchid natively shouldn't be too difficult, I've already been experimenting with this kind of abstraction with the wiki and shouldn't take too much work to get it supported for blog posts too.

Collapse
 
ben profile image
Ben Halpern

I don't see Orchid in the dashboard, but maybe @ohadpr can weigh in on whether it is in the works.

Collapse
 
ohadpr profile image
ohadpr

Orchid isn't supported yet but soon folks will be able to contribute their own themes to build their DEV sites with and user any static site generator.

Thread Thread
 
cjbrooks12 profile image
Casey Brooks

It would be amazing to get Orchid integrated into the Stackbit platform! I'm the developer behind Orchid, and I'd love to work with y'all to get Orchid supported by Stackbit. What would it take to get Orchid supported?

Collapse
 
quinncuatro profile image
Henry Quinn

@ben - Are there plans to allow someone to use the content under an Organization rather than under one author to build out a Stackbit site?

Collapse
 
raphink profile image
RaphaΓ«l Pinson

+1

Collapse
 
buzzedison profile image
Edison Ade

This is amazing. Well done

Collapse
 
daveparr profile image
Dave Parr

I just did this. Dead easy. Love that it has so many options for site generator. Not too familiar with Gatesby, but Hugo is right up my street.

One problem. The emoji that are supported here such as 🦾, aren't rendering on my site correctly, like here: daveparr.info/posts/posting-from-r...

Is there anything I can do about that?

Collapse
 
skatkov profile image
Stanislav(Stas) Katkov • Edited

Just couple of days ago, I was thinking that I really need to publish on my own website versus just dev.to (or any other website). Amazing timing!

I already have personal website with jekyll hosted on netlify, but with custom theme. But it seems that stackbit is based on their own templating engine.

Are there any good tutorials/documentation on how to convert my own template to uniform?

Thanks again

Collapse
 
nickytonline profile image
Nick Taylor

πŸ”₯ Great work! πŸ”₯

Collapse
 
moopet profile image
Ben Sinclair

I've been meaning to set something up for myself for ages. This seems quick and easy, I'l going to give it a spin.

Collapse
 
chiangs profile image
Stephen Chiang

This is awesome!! I wish I could post the dancing banana for this.

Collapse
 
adrianus profile image
Adrianus

and easily make it accessible in the blockchain...

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

Is this still available?

I wanted to poke around with this, but I don't see DEV as an option in the CMS section 😒

Collapse
 
rakshakannu profile image
Raksha Kannusami • Edited

I used stackbit to generate my site . I wish to edit some things on it. How do I edit it? thanks in advance. :)

Collapse
 
raymag profile image
Carlos Magno

This is surely interesting, congrats!

Collapse
 
tdekoekkoek profile image
Trevor de Koekkoek

Wow this really sounds interesting. Still trying to wrap my head around it and the possibilities!

Collapse
 
quinncuatro profile image
Henry Quinn

Has anyone had a problem getting the "Connect to DEV.to" connector to pop up on Stackbit?

Collapse
 
newbiewebdev profile image
MrMichele

Wow That's a great feature.
The only my concern having a look at your blog example is that not all the post's image load correctly.

Some posts have images some not, is this a performance issue?

Collapse
 
tammalee profile image
Tammy Lee

YOU GUYS ARE ROCK STARS!
I've been wondering how I was going to handle my DEV posts if I set up my own blog.
<3<3<3

Collapse
 
khrome83 profile image
Zane Milakovic

@ben is this a one time data migration, or is something pushing/pulling the content into the repo?

Collapse
 
bobwalsh47hats profile image
Bob Walsh

generated Home - Stackbit Ampersand Theme, but trying to figure out how to edit the This is about excerpt. Help appreciated!

Collapse
 
michaeljota profile image
Michael De Abreu

I have to say I love this. Thank you, Ben!

Collapse
 
equan profile image
Equan P.

wait..what? this is seriously game changer feature for me! πŸ‘

Collapse
 
10secondsofcode profile image
Elango Sundar

@ben Nice and innovative thinking...!

Collapse
 
teaglebuilt profile image
dillan teagle

Connecting to dev.to seems to not be working at the moment. Im not sure I understand how this can be a headless cms if stackbit does not have a rest api that we can interface with?

Collapse
 
ben profile image
Ben Halpern

We had a brief hug of death when this first went live but it's working now.

Via the integration, DEV sends webhooks on changes of content in order to keep sites updated, so there is an underlying API that powers this all.

Collapse
 
sonnk profile image
Nguyen Kim Son

This is great! One thing I’d love to see coming is to get rid of the upload picture and paste markdown in DEV editor: would be nice if there’s a CLI tool that automates this part!

Collapse
 
harittweets profile image
Harit Himanshu

Great stuff! @ben

Collapse
 
alexanderalemayhu profile image
Alexander Alemayhu

Pretty cool and so easy to get started with πŸ‘

Collapse
 
stegriff profile image
Ste Griffiths

This is just such a fantastic idea, and you guys are doing really good work for decentralising the web. I love the heart behind this. Thank you!!

Collapse
 
osde8info profile image
Clive Da

voted and this a great idea already adopted at osde8info-devto-stackbit-755f2.net...

Collapse
 
mmphego profile image
Mpho Mphego

Epic

Collapse
 
mohessaid profile image
Mohammed E. MEZERREG

Great one!