Announcing the Midtype Template Gallery

This week, we’re excited to launch the Midtype template gallery. Now, you can create custom apps from a template with just one click. 

The Midtype template gallery serves to demonstrate how easy it is to get a custom app up and running with Midtype. Just pick one of our templates—we’ll spin up a backend with some data preloaded that you can play around with so that you don’t have to wait for production data to know your API works as you’d expect. And every template comes with a frontend starter kit that can be connected to your backend and deployed in minutes. Voila! You have your very own app. Find a template close to the use case you’re looking for and simply modify the frontend or backend to meet your needs.

How to Use It

Every Midtype template comes with two components: a backend and a frontend.

When creating a Midtype project for the first time, you’ll now be greeted with the option to start it from a template. We highly recommend you use a template!

Select one of Midtype's templates to boostrap your project.

Once you’ve picked your template, give you project a valid ID, and then we’ll get to work creating it. Remember, Midtype only only creates and deploys the backend for your app. You still need to deploy your frontend. Luckily, every template comes with a frontend starter that works perfectly with your backend. On the new dashboard screen for your Midtype project, you’ll see the recommended frontend starter for your template.

The recommended frontend starter for your project appears on the right.
The recommended frontend starter for your project appears on the right.

You’ll notice that you can start using the starter in one of three ways:

  1. By forking it on Github and running it locally. This means you’ll need to clone your forked repo to your computer.
  2. By deploying directly with Netlify. This also requires you to fork the repo to your personal Github account, but it will deploy immediately with the right Netlify settings. You will still need to edit your Netlify environment variables as per the README instructions.
  3. By running a development version of the frontend in the cloud on CodeSandbox.

Each of these options requires you to create a .env file in your forked repo and configure the environment variables according to your Midtype backend. Read the README file in the root of your frontend starter for instructions on how to do this.

Need to launch your web app tomorrow? Leave it to Midtype.

Midtype helps builders launch and iterate on web apps at light speed. We provide a hosted backend with user login, payments, a database, and much more built in. We allow you to focus on your core product without reinventing the wheel.

Add Voting to Your App in 2 Minutes

Would you like to add something akin to a Facebook “like” or a Reddit “upvote” to your app? Midtype now allows you to do that in about…

Why GraphQL is the Ideal API Language for Frontend Engineers

Facebook unveiled GraphQL to the developer community in 2015. What was once an internal research project quickly became the hot new standard…

Add Password Based Accounts to Your App

Now, in addition to signing in with Google, your users can create their own password based accounts for your app. To maximize conversion…