Setup

Create a new Next.js project:

$ npx create-next-app myProject

Add some dependencies. I’ll be using semantic-ui-react so we can quickly make a nice layout:

$ yarn add semantic-ui-css semantic-ui-react

I also prefer to use Sass,a CSS preprocessor that adds a layer of functionality on top of regular CSS (or “CSS with superpowers,” as they say themselves). For that, we need to add one more dependency:

$ yarn add sass

And finally, our root directory contains these folders:

Create the ones that don’t exist yet. We’ll have a look at their content soon, starting with the data directory.

#react #nextjs #javascript