Getting Started
Before we can start building our app, there is a few things to get out of the way.
Vercel is a cloud Platform-as-a-Service provider.
It offers the ability to create and host Serverless Functions using NextJS.
This is where our app will live.
To get started, simply create a Vercel account, from here.
We will return to Vercel later on.
Supabase is an open-source platform that provides Backend-as-a-Service. We will use it to host a PostgresSQL database where we can store our data as well as authenticate users.
To get started with Supabase, simply create an account, or continue with your GitHub account from here.
Once logged in, you will see a page similar to the following:
Click on "+ New Project" to get started.
Give your project a name and set the Region to Oceania. Make sure to remember the password you set for the database as this will be important later on.
Once done, click on "Create New Project", and wait for Supabase to do its thing.
While Supabase provisions your database, it's time to set up your environment.
Open up VS Code and navigate to a folder where your project will live.
Please ensure you have npm installed on your machine. You can check if you do by running npm --version in your terminal.
To intialise your NextJS app, run:
npx create-next-app@latest --ts [NAME_OF_YOUR_APP]
This will generate the code and folder structure needed to start coding your app using NextJS and Typescript.
Ensure to navigate into your folder once it is completed.
To start your server, run
npm run dev
then go to http://localhost:3000 in your browser.
You're all ready to get started building! Good luck and have fun!