Originally published on the Aniq UI blog .

By the end of this guide you will know how to build an online ordering system for a restaurant with Next.js: a public ordering website, a back office for the kitchen and the owner, and an API that holds the rules. We use the Food Studio template as the starting point and walk one example restaurant from first install to a live launch.

The aim is a plan you can follow, not a feature tour. You will see what to do on day one, which settings matter before you take a real payment, and which mistakes cost the most time. The same steps work for a single restaurant, a takeaway brand with several kitchens, or a site you build for a client.

About this example

Olive Street Kitchen is an illustrative business we use to show the steps. It is not a client story, and the numbers in it are examples, not results.

The brief

Olive Street Kitchen is a small Mediterranean takeaway with two kitchens, one in the old town and one near the station.…