loading...
Cover image for Showcase your Gatsby Site

Showcase your Gatsby Site

nickytonline profile image Nick Taylor (he/him) 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

Posted on by:

nickytonline profile

Nick Taylor (he/him)

@nickytonline

Senior software engineer at DEV/Forem. Caught the live coding bug on Twitch at livecoding.ca

Discussion

markdown guide
 

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!

 

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.

 

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

 

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

 

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.

 

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 :)

 

Thanks for sharing. Love the socks!

 
 

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

 

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.

 

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.