© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2023
A. LibbyPractical Next.js for E-Commercehttps://doi.org/10.1007/978-1-4842-9612-7_2

2. Laying the Foundations

Alex Libby1  
(1)
BELPER, UK
 

We’ve got our tools in place and worked out what we’re going to build – so it’s time to build our shop!

As I am sure anyone will say, laying good foundations is essential; throughout this chapter, we will set up our initial site and add critical elements such as page structure, header, images, and navigation. We have a lot of work to do, so let’s crack on first with a quick overview of the site architecture, so you can see how the pages will come together to form our site.

Displaying the Site Architecture

Although it may ...

Get Practical Next.js for E-Commerce: Create E-Commerce Sites with the Next.js Framework now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.