From the course: The Freelance Stack: Real Project with Next.js and Strapi

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Overview of our setup (and why we set it up this way)

Overview of our setup (and why we set it up this way) - Next.js Tutorial

From the course: The Freelance Stack: Real Project with Next.js and Strapi

Start my 1-month free trial Buy for my team

Overview of our setup (and why we set it up this way)

“

Okay, so I know this has been a lot of setup right at the beginning of this project, but the reason for doing this is because now when we write all the remaining code, we're going to be a lot quicker at doing it. Because what we've basically done here for the font size, or for the typography file, is that anytime now we go back, we can just check, okay, which size does this headline have? And we're going to see here, for example, that is 80 pixels. 80 pixels for us means that is going to be an H2 tag because we have 8rem which translates to 80 pixels. The great thing about it as well is that if the screen size now goes lower and lower as not how it is in the design where we do develop on 1,440 pixel width, the font size will automatically scale down. Another thing that we've done here, right, is we brought in the URL from the open fonts the public fonts from Google that we can now easily use. The way you can check for that, that all of your setup actually works, is by going into your…

Contents