Tuesday, 5th July 2022

Next Meal in Toronto

I just moved to Toronto and my girlfriend and I were just overwhelmed about the huge amount of great restaurants. So I build this tool based on the lovely BlogTO API to get a random selection. Is called very simple nextmeal.

Frontend

I love the power of Next.js and all the function from static site generation till server side rendering. For this page I decided to use Next.js.

CSS

In terms of css I used Tailwind CSS. This is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

Backend

Just the next.js own serverless function


Hosting

This page is hosted on the PaaS from Vercel which is also the company behind Next.js. I have not used the general hosting but the Vercel CLI with custom server hosting.