static sites from react components with gatsby

[travi]

i don't want to give this talk until we've transitioned to the new site, but i think it gives a good example of how gatsby works, so it seems worth sharing.

[DSchau]

@travi what kind of site you guys working on? We have a similar repo to this NebraskaJS/speaker-signup and I created a site that basically sources (with Gatsby) the issues and lets users react to issues!

Check it out

The repo

[DSchau]

(and yeah, Gatsby is amazing)

[travi]

i figured it wasnt ideal for the website of a js meetup to be built with jekyll, so i started looking into moving it to gatsby about a year ago. this was before we had our second child, so progress has been really slow. its still pretty rough, but its getting close enough for parity with the legacy site that i've been pushing it a little more lately to get it ready to transition.

that site looks like a great addition to the repo for proposing talks. (i stole the idea for this repo from you guys, btw). once we get past parity, that looks like a nice feature we might have to consider. if you have experiences you'd like to share with our group, we'd certainly be interested :)

[DSchau]

heh, and you also used Netlify! It's the slickest.

That site looks great! You could even still keep the content/proposals in Github and then source with Gatsby plugins. Shameless self promotion, but I actually wrote a Gatsby plugin to do just that -> https://github.com/DSchau/gatsby-source-github

[travi]

nice. im really impressed with how easy it is to build custom source plugins for gatsby and this is a great example. i'll definitely be keeping it in mind if we get the chance to follow through with adding that type of functionality to the site.

[DSchau]

@travi I'd be happy to speak on this, too. I'm presenting this talk (below) at MidwestJS, so could be a good opportunity to prep/tweak the content.

Topic

Gatsby, Static site generation, React

Title

Gatsby: Static Site Generation with React

Summary

From the React docs to Formidable's home page to seemingly everything in between, the "ludicrously fast" static site generator Gatsby is the engine powering a growing percentage of statically generated sites. This talk goes into the details of what Gatsby is, what static site generation really is, and how each of us armed with this combo can make performant, dynamic, and truly great static sites and performant web applications with the incredibly powerful combination of Gatsby, React, and static site generation.

Supporting Info

Will add the link to the presentation once I get it set up!

Scheduling

• is this a talk that you already have prepared or do you still need time to
  get it ready? how much time would you need to have it ready for a meeting?

Need to prepare. I'd need about two weeks or so.

• is this a practice run for a talk that you are giving at another event? if
  so, when is that event?

Yes. I'll be giving this talk at MidwestJS in August!

• would this talk work better as a lightning talk or as the only talk of the
  night?

Only talk of the night.

• anything else that would help us decide an appropriate month?

Ideally would be before MidwestJS so I can prep/dry-run it :)

• do you have a preferred hosting location?

Nope!

Presentation

• will you be presenting from a mac or windows machine? (this gives us an idea
  of what options are available to connect to the presentation equipment)

Mac!

• are the ports available limited in any way?

Nope. Just need HDMI!

• do you have your own adapters for connecting to a projector, etc?

You

• would you like your name displayed the same as your github profile?

Yes.

• do you have a twitter handle that you would like displayed on the site?

@schaudustin