From Zero to Web App in Under 60 Seconds

Trey White
3 min readNov 9, 2019

--

Oh what a time to be alive! If you’ve ever considered building a web application but have been daunted and deterred by the mess of information and different technologies abundant on the internet… now’s your chance.

You’ve played around on Codecademy and read freeCodeCamp articles. Maybe you’ve even created a couple of your own local projects. Maybe you’ve deployed some applications to the web, and now you’re just looking for an easier way. Well look no further, and whisper a gracious “thank you” to the technologists who happen to be alive and well at the same time as you are.

Thanks to concepts like JAMStack and static site generators, you can now have your own web app up and running in literally less than one minute… so I’ll stop wasting your time and get down to brass tacks:

Step 1
Visit stackbit.com and click on “Get Started”

Step 2
Select a theme. I chose “Spectral” for no particular reason.
Click “Continue to Site Generator.”

Step 3
Choose a Site Generator. This time I chose Gatsby due to my affinity for React, but you can select Jekyll or Hugo based on your preferences.
Click “Continue to CMS.”

Step 4
Choose a Content Management System. Keeping with the React theme, I chose Netlify but, again, its your preference!
Click “Connect Accounts.”

Step 5
Choose a name for your website. Connect to your GitHub account.
Click “Create Your Project,” sit back, and watch the magic happen!

Poof!
Just like that everything is created for you. It’s compiled, deployed to Netlify, and created a new repo in your GitHub account. You can now click “Edit in CMS” and make any changes then click “Publish” to redeploy or Clone your newly created GitHub repo and make any changes that way.

The world is your oyster!

Newly created GitHub repo
Stackbit dashboard (Edit or View)
Editing within Netlify CMS
Live site with published updates

--

--

Trey White

Advice for technical founders and people yet to become technical founders. CTO and Co-Founder of realnumberz.com.