DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,873 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Showcase your Gatsby Site
Nick Taylor
Nick Taylor

Posted on • Updated on • Originally published at iamdeveloper.com

Showcase your Gatsby Site

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

Top comments (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
 
ahmadawais 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 Author

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

Collapse
 
ahmadawais profile image
Ahmad Awais ⚑️

P.S. just checked your site. I was sold at the color "Purple" :) πŸ¦„

Collapse
 
ahmadawais 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

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Take a look at this:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›