Setup Frontend and Backend

Frontend #

At the time of creating this NodeJS version 20 was the active release.

I use NVM to manage my versions of Node.

To set the currently use version of Node run the following command:

nvm use v20

After installing Next.js I’ll add a .nvmrc file inside the frontend directory so the Node version can be set with:

nvm use

As per the official installation instructions I ran the following command:

npx create-next-app@latest

For the options I chose the following:

  • What is your project named? … frontend
  • Would you like to use TypeScript? Yes
  • Would you like to use ESLint? Yes
  • Would you like to use Tailwind CSS? No
  • Would you like to use src/ directory? Yes
  • Would you like to use App Router? (recommended) Yes
  • Would you like to customize the default import alias (@/*)? No

Backend #

At the time of creating this Rust 1.75.0 was the active release.

To create the backend part of the app run this command:

cargo new backend

Wrap Up #

That is all for this first post, in the next I’ll setup the first connection between the Frontend and Backend.