Midtype has shut down. The team is now working on Herald, helping product teams make customer-oriented decisions.

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.