DEV Community

loading...
Cover image for Showcase your Gatsby Site

Showcase your Gatsby Site

Nick Taylor (he/him)
Lead software engineer at Forem. Caught the live coding bug on Twitch at livecoding.ca
Originally published at iamdeveloper.com Updated on ・1 min read

Have you created a Gatsby site that you're proud of? It could be for a client or just your personal site. Either way, you can submit it to the Gatsby showcase.

It's pretty simple to do. Just follow the instructions here. In a nutshell, you fork Gatsby on GitHub and add your site details to their showcase configuration file. Once the PR is approved and merged, the next time they deploy the Gatsby site, your site will be in the list!

As a bonus to doing this:

  • it's free publicity for you
  • it's a contribution to open source
  • become part of maintainers team for the Gatsby organization on GitHub
  • the Gatsby team gives you free swag for the PR. Who doesn't want Gatsby socks?!

I'm under blogs in the showcase, but you can also go directly to my site profile.

And for those interested, here's my site's source code full of TypeScript, React and Netlify CMS goodness.

GitHub logo nickytonline / old_www.iamdeveloper.com

Old source code for my web site iamdeveloper.com

iamdeveloper.com

Netlify Status

Dependabot Badge

Hey there, I'm Nick and this is my site's source code. This site started off as a clone of the Netlify CMS Gatsby Starter (check it out!). Since then, I've tweaked it a lot and converted the codebase to TypeScript.

Feel free to peruse the code and/or fork it. 😉

Thanks to all the wonderful projects that made it possible to build this blog.

I wrote about automating my deployments for those interested in my post Update Dependencies with Dependabot, Cypress and Netlify.

To get up and running:

  • clone the repository by running git clone git@github.com:nickytonline/www.iamdeveloper.com.git or git clone https://github.com/nickytonline/www.iamdeveloper.com.git
  • run npm install
  • run npm run develop to get up and running with the Gatsby development server.
  • Since the project uses Babel and not TypeScript as the compiler, a separate process is…



Lenoardo DiCaprio in the Great Gatsby on giphy

Discussion (11)

Collapse
arisa_dev profile image
arisa_dev

Didn't know anyone can submit their own Gatsby sites to Gatsby's showcase...!
Getting Gatsby socks and appearing in Gatsby's showcase, I would say that's great motivation to encourage developers :)

Thanks for sharing!

Collapse
mrahmadawais profile image
Ahmad Awais ⚡️

I was one of the earliest contributors to showcase when it was only a test based list. Happy to report now I have my own site in the showcase → gatsbyjs.org/showcase/vscode.pro — would love your feedback.

Collapse
nickytonline profile image
Nick Taylor (he/him) Author

Nice. Didn't realize you did your site in Gatsby. Cool stuff.

Collapse
mrahmadawais profile image
Ahmad Awais ⚡️

P.S. just checked your site. I was sold at the color "Purple" :) 🦄

Collapse
mrahmadawais profile image
Ahmad Awais ⚡️

I did. Big fan of Gatsby and a core contributor who's leaning more and more towards Gatsby.js after spending a decade building/making the WordPress software.

Collapse
peterwitham profile image
Peter Witham

This is great, thanks, I was totally unaware of this. Probably means I didn't read a readme somewhere, because...you know, it's what I didn't do :)

Collapse
bogdaaamn profile image
Bogdan Covrig

Thanks for sharing. Love the socks!

Collapse
steelwolf180 profile image
Max Ong Zong Bao

Awesome sounds really cool

Collapse
jonrandy profile image
Jon Randy

I'm still baffled as to how using React for static sites like this makes any kind of sense whatsoever

Collapse
georginagrey profile image
Georgina Grey

Because Gatsby is not just a "static site builder", by leveraging React and Graphql you can build powerful web apps while taking advantage of static rendering and using JAMstack approach if you like.

Collapse
jonrandy profile image
Jon Randy

That doesn't really answer my question. Your answer is akin to saying you can use a Cray supercomputer to add 1+1 because it's not just a calculating machine, it can also model planetary weather systems.