0% found this document useful (0 votes)
58 views54 pages

Practical Next - Js For E-Commerce: Create E-Commerce Sites With The Next - Js Framework 1st Edition Alex Libby PDF Download

The document is about 'Practical Next.js for E-Commerce' by Alex Libby, which provides guidance on creating e-commerce sites using the Next.js framework. It covers various aspects such as setting up the environment, building the shop, adding products, and processing orders. The book includes detailed chapters on styling the site and adapting it for mobile, along with practical examples and code changes.

Uploaded by

ubbuqafc409
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
58 views54 pages

Practical Next - Js For E-Commerce: Create E-Commerce Sites With The Next - Js Framework 1st Edition Alex Libby PDF Download

The document is about 'Practical Next.js for E-Commerce' by Alex Libby, which provides guidance on creating e-commerce sites using the Next.js framework. It covers various aspects such as setting up the environment, building the shop, adding products, and processing orders. The book includes detailed chapters on styling the site and adapting it for mobile, along with practical examples and code changes.

Uploaded by

ubbuqafc409
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 54

Practical Next.

js for E-Commerce: Create E-Commerce


Sites with the Next.js Framework 1st Edition Alex
Libby download pdf

https://ebookmass.com/product/practical-next-js-for-e-commerce-create-e-
commerce-sites-with-the-next-js-framework-1st-edition-alex-libby/

Visit ebookmass.com today to download the complete set of


ebook or textbook!
Here are some recommended products for you. Click the link to
download, or explore more at ebookmass.com

Practical Next.js for E-Commerce: Create E-Commerce Sites


with the Next.js Framework 1st Edition Alex Libby

https://ebookmass.com/product/practical-next-js-for-e-commerce-create-
e-commerce-sites-with-the-next-js-framework-1st-edition-alex-libby-2/

Strategies for e-business : creating value through


electronic and mobile commerce : concepts and cases Third
Edition. Edition Enders
https://ebookmass.com/product/strategies-for-e-business-creating-
value-through-electronic-and-mobile-commerce-concepts-and-cases-third-
edition-edition-enders/

Trade, Commerce, and the State in the Roman World Andrew


Wilson

https://ebookmass.com/product/trade-commerce-and-the-state-in-the-
roman-world-andrew-wilson/

A World Safe for Commerce: American Foreign Policy from


the Revolution to the Rise of China Dale C. Copeland

https://ebookmass.com/product/a-world-safe-for-commerce-american-
foreign-policy-from-the-revolution-to-the-rise-of-china-dale-c-
copeland/
Developing Web Components with Svelte: Building a Library
of Reusable UI Components 1st Edition Alex Libby

https://ebookmass.com/product/developing-web-components-with-svelte-
building-a-library-of-reusable-ui-components-1st-edition-alex-libby/

Practical Electronic Design for Experimenters Louis E.


Frenzel

https://ebookmass.com/product/practical-electronic-design-for-
experimenters-louis-e-frenzel/

Developing Web Components with Svelte: Building a Library


of Reusable UI Components 2nd Edition Alex Libby

https://ebookmass.com/product/developing-web-components-with-svelte-
building-a-library-of-reusable-ui-components-2nd-edition-alex-libby/

Practical Musculoskeletal Ultrasound E Book 2nd Edition,


(Ebook PDF)

https://ebookmass.com/product/practical-musculoskeletal-ultrasound-e-
book-2nd-edition-ebook-pdf/

Brokerage and Networks in London’s Global World: Kinship,


Commerce and Communities Through the Experience of John
Blackwell David Farr
https://ebookmass.com/product/brokerage-and-networks-in-londons-
global-world-kinship-commerce-and-communities-through-the-experience-
of-john-blackwell-david-farr/
Practical Next.js for
E-Commerce
Create E-Commerce Sites
with the Next.js Framework

Alex Libby
Practical Next.js for E-Commerce: Create E-Commerce Sites with the Next.js
Framework
Alex Libby
BELPER, UK

ISBN-13 (pbk): 978-1-4842-9611-0 ISBN-13 (electronic): 978-1-4842-9612-7


https://doi.org/10.1007/978-1-4842-9612-7

Copyright © 2023 by Alex Libby


This work is subject to copyright. All rights are reserved by the Publisher, whether the whole or part of the
material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation,
broadcasting, reproduction on microfilms or in any other physical way, and transmission or information
storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now
known or hereafter developed.
Trademarked names, logos, and images may appear in this book. Rather than use a trademark symbol with
every occurrence of a trademarked name, logo, or image we use the names, logos, and images only in an
editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the
trademark.
The use in this publication of trade names, trademarks, service marks, and similar terms, even if they are not
identified as such, is not to be taken as an expression of opinion as to whether or not they are subject to
proprietary rights.
While the advice and information in this book are believed to be true and accurate at the date of publication,
neither the authors nor the editors nor the publisher can accept any legal responsibility for any errors or
omissions that may be made. The publisher makes no warranty, express or implied, with respect to the
material contained herein.
Managing Director, Apress Media LLC: Welmoed Spahr
Acquisitions Editor: James Robinson-Prior
Development Editor: James Markham
Coordinating Editor: Gryffin Winkler
Cover designed by eStudioCalamar
Cover image by vector_corp on freepik (www.freepik.com)
Distributed to the book trade worldwide by Apress Media, LLC, 1 New York Plaza, New York, NY 10004,
U.S.A. Phone 1-800-SPRINGER, fax (201) 348-4505, e-mail [email protected], or visit
www.springeronline.com. Apress Media, LLC is a California LLC and the sole member (owner) is Springer
Science + Business Media Finance Inc (SSBM Finance Inc). SSBM Finance Inc is a Delaware corporation.
For information on translations, please e-mail [email protected]; for reprint,
paperback, or audio rights, please e-mail [email protected].
Apress titles may be purchased in bulk for academic, corporate, or promotional use. eBook versions and
licenses are also available for most titles. For more information, reference our Print and eBook Bulk Sales
web page at http://www.apress.com/bulk-sales.
Any source code or other supplementary material referenced by the author in this book is available
to readers on GitHub (https://github.com/Apress). For more detailed information, please visit
https://www.apress.com/gp/services/source-code.
Paper in this product is recyclable
This is dedicated to my family, with thanks for their love and
support while writing this book.
Table of Contents
About the Author��������������������������������������������������������������������������������������������������� xiii

About the Technical Reviewer���������������������������������������������������������������������������������xv


Acknowledgments�������������������������������������������������������������������������������������������������xvii

Introduction������������������������������������������������������������������������������������������������������������xix

Part I: In the Beginning����������������������������������������������������������������������������������� 1


Chapter 1: Getting Started���������������������������������������������������������������������������������������� 3
Why Should We Use Next.js for E-Commerce Sites?�������������������������������������������������������������������� 3
Selling the Benefits of Using Next.js��������������������������������������������������������������������������������������� 4
Setting the Scene�������������������������������������������������������������������������������������������������������������������������� 6
Preparing the Environment����������������������������������������������������������������������������������������������������������� 6
Creating the Base Site������������������������������������������������������������������������������������������������������������������ 8
Understanding the Changes Made���������������������������������������������������������������������������������������� 11
Exploring the Site������������������������������������������������������������������������������������������������������������������ 12
Understanding What Tools We Need�������������������������������������������������������������������������������������������� 15
Summary������������������������������������������������������������������������������������������������������������������������������������ 17

Part II: Building Our Shop����������������������������������������������������������������������������� 19


Chapter 2: Laying the Foundations������������������������������������������������������������������������� 21
Displaying the Site Architecture�������������������������������������������������������������������������������������������������� 21
Updating the Main Index Page���������������������������������������������������������������������������������������������������� 23
Understanding What Happened��������������������������������������������������������������������������������������������� 28
Altering the Site Layout��������������������������������������������������������������������������������������������������������������� 29
Breaking Apart the Code Changes����������������������������������������������������������������������������������������� 33

v
Table of Contents

Adding a Navigation Menu���������������������������������������������������������������������������������������������������������� 35


Exploring the Code in Detail�������������������������������������������������������������������������������������������������� 37
Updating the Header������������������������������������������������������������������������������������������������������������������� 38
Dissecting the Code��������������������������������������������������������������������������������������������������������������� 39
Creating the Remaining Pages���������������������������������������������������������������������������������������������������� 40
Breaking Apart the Code Changes����������������������������������������������������������������������������������������� 45
Adding a Footer��������������������������������������������������������������������������������������������������������������������������� 45
Exploring the Code Changes Made���������������������������������������������������������������������������������������� 48
Summary������������������������������������������������������������������������������������������������������������������������������������ 48

Chapter 3: Adding Products������������������������������������������������������������������������������������ 51


Architecting the Data������������������������������������������������������������������������������������������������������������������ 51
Dealing with Security and Authentication Concerns������������������������������������������������������������������� 53
Getting Started with Sanity��������������������������������������������������������������������������������������������������������� 55
Installing Sanity��������������������������������������������������������������������������������������������������������������������� 56
Creating Our Data Store��������������������������������������������������������������������������������������������������������� 57
Configuring the Data Store���������������������������������������������������������������������������������������������������� 61
Adding Products to the Store������������������������������������������������������������������������������������������������������ 65
Hooking Sanity into Our Project�������������������������������������������������������������������������������������������������� 68
Exploring the Code Changes�������������������������������������������������������������������������������������������������� 70
Creating Pages with Dynamic Data��������������������������������������������������������������������������������������������� 70
Getting Familiar with Sanity API�������������������������������������������������������������������������������������������� 71
Displaying Product Listing in the Shop���������������������������������������������������������������������������������� 72
Creating the Individual Product Page������������������������������������������������������������������������������������ 75
Adding Additional Product Details����������������������������������������������������������������������������������������� 86
Summary������������������������������������������������������������������������������������������������������������������������������������ 89

Chapter 4: Checkout and Order Processing������������������������������������������������������������ 91


Breaking Apart the Process�������������������������������������������������������������������������������������������������������� 91
Dealing with Security������������������������������������������������������������������������������������������������������������������ 92
Finishing the Buttons������������������������������������������������������������������������������������������������������������������ 93
Understanding the Changes Made���������������������������������������������������������������������������������������� 95

vi
Table of Contents

Persisting Data Through the Process������������������������������������������������������������������������������������������ 96


Exploring What Happened��������������������������������������������������������������������������������������������������� 102
Constructing the Cart���������������������������������������������������������������������������������������������������������������� 103
Breaking Apart the Code Changes��������������������������������������������������������������������������������������� 110
Adding a Minicart���������������������������������������������������������������������������������������������������������������������� 111
Exploring the Code Changes������������������������������������������������������������������������������������������������ 115
Refactoring the Cart������������������������������������������������������������������������������������������������������������ 116
Integrating a Payment Provider������������������������������������������������������������������������������������������������ 121
Understanding What Happened������������������������������������������������������������������������������������������� 125
Testing the Checkout Process��������������������������������������������������������������������������������������������� 126
Summary���������������������������������������������������������������������������������������������������������������������������������� 129

Chapter 5: Styling the Site������������������������������������������������������������������������������������ 131


Exploring the Options���������������������������������������������������������������������������������������������������������������� 131
Taking the Mobile-First Approach��������������������������������������������������������������������������������������������� 133
Designing the Theme���������������������������������������������������������������������������������������������������������������� 134
Applying the Changes��������������������������������������������������������������������������������������������������������������� 135
Understanding What Has Changed�������������������������������������������������������������������������������������� 137
Taking Alternative Approaches�������������������������������������������������������������������������������������������������� 138
Using CSS Modules������������������������������������������������������������������������������������������������������������� 138
Using Sass��������������������������������������������������������������������������������������������������������������������������� 143
Taking Things Further��������������������������������������������������������������������������������������������������������������� 149
Summary���������������������������������������������������������������������������������������������������������������������������������� 151

Part III: Wrapping Things Up����������������������������������������������������������������������� 153


Chapter 6: Adapting for Mobile���������������������������������������������������������������������������� 155
Setting the Scene���������������������������������������������������������������������������������������������������������������������� 155
Checking Mobile������������������������������������������������������������������������������������������������������������������ 156
Checking Tablet in Portrait Mode����������������������������������������������������������������������������������������� 159
Checking Tablet in Landscape Mode����������������������������������������������������������������������������������� 162

vii
Table of Contents

Tidying Up Mobile Design���������������������������������������������������������������������������������������������������������� 163


Understanding What Has Changed�������������������������������������������������������������������������������������� 166
Should We Go Horizontal?��������������������������������������������������������������������������������������������������� 167
Adapting for Tablets������������������������������������������������������������������������������������������������������������������ 167
Updating Portrait Mode������������������������������������������������������������������������������������������������������� 168
Checking Landscape Mode������������������������������������������������������������������������������������������������� 172
Merging the Styles�������������������������������������������������������������������������������������������������������������������� 172
Summary���������������������������������������������������������������������������������������������������������������������������������� 175

Chapter 7: Finessing the Site�������������������������������������������������������������������������������� 177


Taking Stock����������������������������������������������������������������������������������������������������������������������������� 177
Tidying Up the Codebase���������������������������������������������������������������������������������������������������������� 178
Exploring the Fixes Applied������������������������������������������������������������������������������������������������� 180
Tidying Up: A Postscript������������������������������������������������������������������������������������������������������� 181
Customizing the Site����������������������������������������������������������������������������������������������������������������� 182
Clearing the Sanity Token Warning������������������������������������������������������������������������������������������� 183
Understanding the Significance of This Change������������������������������������������������������������������ 185
Adding a Cancel Page for Stripe����������������������������������������������������������������������������������������������� 186
Understanding What Happened������������������������������������������������������������������������������������������� 189
Animating Styles: Add to Cart Button���������������������������������������������������������������������������������������� 189
Exploring What We Changed������������������������������������������������������������������������������������������������ 195
Animating Elements: Flip Tile���������������������������������������������������������������������������������������������������� 195
Breaking the Changes Apart������������������������������������������������������������������������������������������������ 198
Updating the Product Reviews�������������������������������������������������������������������������������������������������� 198
Understanding What Has Changed�������������������������������������������������������������������������������������� 202
Summary���������������������������������������������������������������������������������������������������������������������������������� 202

Chapter 8: Implementing SEO������������������������������������������������������������������������������� 205


The Importance of SEO������������������������������������������������������������������������������������������������������������� 205
Defining Our Strategy���������������������������������������������������������������������������������������������������������������� 206
Adding Default SEO to Our Site������������������������������������������������������������������������������������������������� 208
Understanding What Happened������������������������������������������������������������������������������������������� 211

viii
Table of Contents

Setting and Overriding Defaults������������������������������������������������������������������������������������������������ 211


Breaking Apart the Changes������������������������������������������������������������������������������������������������ 214
Updating Our Configuration������������������������������������������������������������������������������������������������������� 214
Making Page Headings Dynamic���������������������������������������������������������������������������������������������� 218
Exploring the Code Changes������������������������������������������������������������������������������������������������ 221
Taking Things Further for SEO�������������������������������������������������������������������������������������������������� 221
Using Lighthouse���������������������������������������������������������������������������������������������������������������������� 222
Assessing Desktop Performance����������������������������������������������������������������������������������������� 223
Assessing Mobile Performance������������������������������������������������������������������������������������������� 225
Responding to Issues���������������������������������������������������������������������������������������������������������������� 226
Fixing the Issues����������������������������������������������������������������������������������������������������������������������� 230
Summary���������������������������������������������������������������������������������������������������������������������������������� 233

Chapter 9: Testing the Site����������������������������������������������������������������������������������� 235


Setting Expectations����������������������������������������������������������������������������������������������������������������� 235
Choosing Our Testing Suite������������������������������������������������������������������������������������������������������� 236
Installing Cypress���������������������������������������������������������������������������������������������������������������������� 237
Understanding the Changes������������������������������������������������������������������������������������������������ 240
Creating E2E Tests�������������������������������������������������������������������������������������������������������������������� 240
Understanding the Changes Made�������������������������������������������������������������������������������������� 244
In the Spirit of Kaizen���������������������������������������������������������������������������������������������������������� 244
Adding More Tests��������������������������������������������������������������������������������������������������������������� 245
Breaking Apart the Code Changes��������������������������������������������������������������������������������������� 249
Testing the Components����������������������������������������������������������������������������������������������������������� 250
Adding Tests������������������������������������������������������������������������������������������������������������������������ 253
Exploring the Changes Made����������������������������������������������������������������������������������������������� 259
Understanding the Limits���������������������������������������������������������������������������������������������������� 259
Preparing for CI Operation�������������������������������������������������������������������������������������������������������� 260
Summary���������������������������������������������������������������������������������������������������������������������������������� 264

ix
Table of Contents

Chapter 10: Deployment into Production�������������������������������������������������������������� 265


Making Some Assumptions������������������������������������������������������������������������������������������������������� 265
Working Through the Final Steps���������������������������������������������������������������������������������������������� 266
Preparing Our Host�������������������������������������������������������������������������������������������������������������������� 267
Analyzing Code Usage��������������������������������������������������������������������������������������������������������������� 270
Reviewing the Changes Made��������������������������������������������������������������������������������������������� 271
Uploading to Our Host��������������������������������������������������������������������������������������������������������������� 272
Understanding the Changes in Detail���������������������������������������������������������������������������������� 275
Running the Code Analysis������������������������������������������������������������������������������������������������������� 276
Linking to Netlify����������������������������������������������������������������������������������������������������������������������� 278
Breaking Apart the Changes������������������������������������������������������������������������������������������������ 280
Using Environment Variables���������������������������������������������������������������������������������������������������� 281
Adding a Domain Name������������������������������������������������������������������������������������������������������������ 282
Testing the Site������������������������������������������������������������������������������������������������������������������������� 286
Summary���������������������������������������������������������������������������������������������������������������������������������� 289

Part IV: Taking Things Further�������������������������������������������������������������������� 291


Chapter 11: Project: Adding International Support���������������������������������������������� 293
Setting the Scene���������������������������������������������������������������������������������������������������������������������� 293
Preparation Is Key��������������������������������������������������������������������������������������������������������������� 294
Configuring Locale Support������������������������������������������������������������������������������������������������������ 295
Exploring the Changes Made����������������������������������������������������������������������������������������������� 299
Adding Language Support��������������������������������������������������������������������������������������������������������� 300
Understanding the Changes Made�������������������������������������������������������������������������������������� 305
Reconfiguring English Language Support��������������������������������������������������������������������������������� 307
Translating Content into Dutch�������������������������������������������������������������������������������������������������� 308
Breaking Apart the Code Changes��������������������������������������������������������������������������������������� 309
Applying the Translations���������������������������������������������������������������������������������������������������������� 310
Understanding What Happened������������������������������������������������������������������������������������������� 315
Completing the Rest of the Files����������������������������������������������������������������������������������������� 316
Breaking Apart the Changes Made�������������������������������������������������������������������������������������� 323

x
Visit https://ebookmass.com today to explore
a vast collection of ebooks across various
genres, available in popular formats like
PDF, EPUB, and MOBI, fully compatible with
all devices. Enjoy a seamless reading
experience and effortlessly download high-
quality materials in just a few simple steps.
Plus, don’t miss out on exciting offers that
let you access a wealth of knowledge at the
best prices!
Table of Contents

Taking Things Further��������������������������������������������������������������������������������������������������������������� 323


Summary���������������������������������������������������������������������������������������������������������������������������������� 325

Chapter 12: Project: Authenticating Access��������������������������������������������������������� 327


Setting the Scene���������������������������������������������������������������������������������������������������������������������� 327
Registering for a GitHub OAuth Account����������������������������������������������������������������������������������� 328
Exploring the Changes Made����������������������������������������������������������������������������������������������� 330
Installing and Configuring NextAuth����������������������������������������������������������������������������������������� 331
Breaking Apart the Code Changes��������������������������������������������������������������������������������������� 333
Displaying Login Options���������������������������������������������������������������������������������������������������������� 333
Exploring the Changes Made����������������������������������������������������������������������������������������������� 337
Adding Account Page���������������������������������������������������������������������������������������������������������������� 338
Understanding What’s Changed������������������������������������������������������������������������������������������ 342
Deploying Changes������������������������������������������������������������������������������������������������������������������� 343
Taking Things Further��������������������������������������������������������������������������������������������������������������� 344
Summary���������������������������������������������������������������������������������������������������������������������������������� 346

Index��������������������������������������������������������������������������������������������������������������������� 349

xi
About the Author
Alex Libby is a front-end web developer and seasoned computer book author from
England. His passion for all things open source dates back to the days of his degree
studies when he first came across web development and he has been hooked ever
since. When he isn’t busy developing new features or fixing website bugs for his day job,
Alex enjoys tinkering with different open source libraries to see how they work. He has
spent a stint maintaining the jQuery Tools library and enjoys writing about open source
technologies, principally for front-end UI development.

xiii
About the Technical Reviewer
Massimo Nardone has more than 25 years of experience
in security, web and mobile development, cloud, and
IT architecture. His true IT passions are security and
Android. He has been programming and teaching how to
program with Android, Perl, PHP, Java, VB, Python, C/C++,
and MySQL for more than 20 years. He holds a Master of
Science degree in Computing Science from the University of
Salerno, Italy.
He has worked as a CISO, CSO, security executive, IoT
executive, project manager, software engineer, research
engineer, chief security architect, PCI/SCADA auditor, and senior lead IT security/cloud/
SCADA architect for many years. His technical skills include security, Android, cloud,
Java, MySQL, Drupal, Cobol, Perl, web and mobile development, MongoDB, D3, Joomla,
Couchbase, C/C++, WebGL, Python, Pro Rails, Django CMS, Jekyll, Scratch, and more.
He worked as visiting lecturer and supervisor for exercises at the Networking
Laboratory of the Helsinki University of Technology (Aalto University). He holds four
international patents (PKI, SIP, SAML, and Proxy areas). He is currently working for
Cognizant as head of cyber security and CISO to help both internally and externally with
clients in areas of information and cyber security, like strategy, planning, processes,
policies, procedures, governance, awareness, and so forth. In June 2017, he became a
permanent member of the ISACA Finland Board.
Massimo has reviewed more than 45 IT books for different publishing companies
and is the co-author of Pro Spring Security: Securing Spring Framework 5 and Boot
2-based Java Applications (Apress, 2019), Beginning EJB in Java EE 8 (Apress, 2018), Pro
JPA 2 in Java EE 8 (Apress, 2018), and Pro Android Games (Apress, 2015).

xv
Acknowledgments
Writing a book can be a long but rewarding process; it is not possible to complete
it without the help of other people. I would like to offer a huge vote of thanks to my
editors – in particular, Gryffin Winkler, Nirmal Selvaraj, and James Robinson-Prior; my
thanks also to Massimo Nardone as my technical reviewer, James Markham for his help
during the process, and others at Apress for getting this book into print. All have made
writing this book a painless and enjoyable process, even with the edits!
My thanks also to my family for being understanding and supporting me while
writing. I frequently spend a lot of late nights writing alone, or pass up times when I
should be with them, so their words of encouragement and support have been a real
help in getting past those bumps in the road and producing the finished book that you
now hold in your hands.
Lastly, it is particularly poignant that the book was written at a time where the world
has emerged from events of an unprecedented nature, and is still finding the new norm.
It was too easy to think about those who lost the greatest thing we as humans could ever
have; life hasn’t been easy for anyone. Having a project to work on, no matter how simple
or complex it might be, has helped me get through those tough times and with the hope
that we face a new, improved, and better future.

xvii
Introduction
Practical Next.js for E-Commerce is for people who want to learn how to quickly
create e-commerce sites that are efficient and fast using the Next.js framework and
associated tools.
This project-oriented book simplifies the setting up of a Next.js-based e-commerce
site as a basis for developing an offer that we can customize to our needs, for any
future project. It will equip you with a starting toolset that you can use to create future
e-commerce offerings and incorporate the processes into your workflow, and that will
allow you to take your sites to the next level.
Throughout this book, I’ll take you on a journey through creating the base skeleton
of our site, before adding products, a checkout and payment process, and styling the
site. We will also touch on subjects such as adapting the offer for mobile devices, testing
elements of the site, and deploying into production – showing you how easy it is to
develop a starting website that we can augment later quickly. With the minimum of fuss
and plenty of practical exercises, we’ll focus on topics such as building the functionality,
styling, testing in a self-contained environment, and more – right through to producing
the final result viewable from any browser!
Practical Next.js for E-Commerce uses nothing more than standard JavaScript (upon
which React/Next.js is based), CSS and HTML, three of the most powerful tools available
for developers: you can enhance, extend, and configure any part of your website as
requirements dictate. With Next.js, the art of possible is only limited by the extent of your
imagination and the power of JavaScript tools available in any browser!

xix
PART I

In the Beginning
PART II

Building Our Shop


CHAPTER 1

Getting Started
I’m not a betting man – indeed, I can’t remember the last time I placed any form of
bet, even if it was in a game! But – I will bet you one thing: over the previous few years
(say five, for argument’s sake), you purchase more online than in a brick-and-mortar
outfit, right?
Chances are that I’ve probably lost that bet (I did say I’m not a betting man). Still, the
reality is that we live in an age where e-commerce is big business and that not having any
form of e-commerce website offer means you lose business daily. The need for an online
site has become particularly acute over the last two to three years, with the horrific events
of the pandemic – businesses of all sizes have had to adapt to a new world of selling online.
But what does this have to do with a book about Next.js and e-commerce, I hear you
ask? Simple – today’s customers are time-poor and expect sites to be fast, reliable, and,
above all, simple to use. It’s a tall order, right?
It’s not as large as you might think: welcome to the world of SPAs, or single-page
applications. As a concept, it’s not clear when these came into being, but there are
reports that it could have been as far back as 2003, so not a new concept. However, it’s
taken off over the last few years in frameworks or libraries such as React, Angular, Vue,
and of course, Next.js!
Over these following few pages, I’ll take you through what makes single-page
applications a perfect fit for e-commerce websites and why this benefits customers and
companies. We’ll also look at how Next.js makes an excellent basis for what will become
our project for this book.

Why Should We Use Next.js for E-Commerce Sites?


When it comes to creating SPA-driven e-commerce websites, we could choose any
one of dozens of different frameworks to create the offer – each has its advantages.
The one of interest to us is Next.js; why is it such a perfect fit for use in an e-commerce
environment?
3
© Alex Libby 2023
A. Libby, Practical Next.js for E-Commerce, https://doi.org/10.1007/978-1-4842-9612-7_1
Chapter 1 Getting Started

There are lots of reasons from both a developer and business perspective – we’ll look
at the business side in a moment, but let’s first take a look at some of the advantages for
us developers:

• We can reduce load times through the use of concepts such as lazy
loading and automatic code splitting – this helps maintain excellent
performance, a great user experience, and faster time to market.

• Next.js offers lots of support for developers – it was written by


Guillermo Rauch, CEO of Vercel, one of the biggest hosting
companies available worldwide.

• Search engine optimization (SEO) support is top-notch, owing to


rendering content both client and server-side.

• Next.js compiles to a static site when compiled, so there are no links


to any databases or sources – this reduces the risk of hacking and
makes for a faster site as we already have the data available. In our
case, data will be stored using Next.js’ context feature; we will talk to
Stripe’s API when required.

I know there are some downsides, though, from a developer’s perspective. Some
people find Next.js too opinionated as a framework, although its abstraction of many
features to simplify the development process means it has to decide a few things for us!
Some people are also not keen on the routing it uses; it is page-based, which makes
it very easy (and removes the need for dedicated routing code), although it does dictate
how you need to set up the routing!
Okay – that all aside, let’s move on. As a developer, you’ve chosen to use Next.js
(and, therefore, this book) as you like the look of what you see. However, one important
subject we need to cover is how we sell the benefits of Next.js to those who control the
purse strings. There are several reasons to choose Next.js, so let’s take a moment to look
at these in more detail.

Selling the Benefits of Using Next.js


As developers, we want to focus on the exciting stuff – setting up Next.js and building
our site – but we need to know how we can sell the benefits of using Next.js to those in
control of budgets.

4
Chapter 1 Getting Started

Yes, this is probably the most important part: there is no sense in trying out new
technology if we don’t have buy-in from the business! Fortunately, this is one of those
occasions where we shouldn’t have a problem with selling the benefits of Next.js – there
are some great reasons why we (as the business) should make the transition to using this
framework:

• Adaptability and responsiveness are critical to a great user


experience; we can serve different screen sizes and devices from the
same codebase.

• Data security – As with most frameworks that follow the Jamstack


principles, websites created with NextJS are static. It means there is
no direct connection to the database, dependencies, user data, or
other sensitive information, which helps keep the site secure.

• Faster time to market – NextJS is perfect for creating a minimum


viable product (MVP) as fast as possible, thanks to many premade
components. This way of building allows you to get feedback
quickly and improve your product accordingly without wasting time
and money.

• Fully omnichannel – Websites and apps created with NextJS are


accessible from any device so that you can market and sell your
products and services through multiple channels.

• Short page load time – Static websites are fast by nature, so visitors
and customers will be content with the performance of NextJS
websites and web apps.

• Support on demand – The number of React developers available is


growing, as are those who know NextJS. It makes it easy to find an
agency or freelancer to make some changes if needed or premade
components available for use.

• SEO support is top-notch when using Next.js – Conversion rates and


sales will increase, which makes it ideal for your marketing team.
• Next.js makes it much easier to scale from a business perspective –
Maintenance costs are lower, and performance is better. Although
Next.js is based on React, anecdotal evidence suggests that Next.js is
faster and easier to work with than React!
5
Visit https://ebookmass.com today to explore
a vast collection of ebooks across various
genres, available in popular formats like
PDF, EPUB, and MOBI, fully compatible with
all devices. Enjoy a seamless reading
experience and effortlessly download high-
quality materials in just a few simple steps.
Plus, don’t miss out on exciting offers that
let you access a wealth of knowledge at the
best prices!
Exploring the Variety of Random
Documents with Different Content
MAMOTRETO XL.

Cómo yendo su camino encuentra con tres mujeres,


y despues con dos hombres que la conocen de
luengo tiempo.

Loz. ¿Para qué es tanto ataparse? que ya veo que no pudo el


baño hacer más que primero habia, salvo lavar lo limpio, y encender
color donde no fué menester arrebol.
Griega. Hi, hi, hi; vuestra casa buscamos, y si no os
encontrábamos perdiamos tiempo, que imos á cená á una viña, y si
no pasamos por vuestra mano, no valemos nada, porque tenemos
de ser miradas, y van otras dos venecianas, y es menester que vos,
señora Lozana, pongais en nosotras todo vuestro saber, y pagaos;
ansí mismo vaya vuestro criado con nosotras, y verná cargado de
todo cuanto en el banquete se diere, y avisaldo que se sepa ayudar,
porque cuando venga traiga qué rozar.
Loz. Señoras mias, en fuerte tiempo me tomais, que en toda mi
casa no hay cuatrin ni maravedí, ni cosa aparejada para serviros,
mas por vuestro amor, y por comenzar á aviar la gente á casa, yo iré
y buscaré las cosas necesarias para de presto serviros, mi criado irá,
más por haceros placer que por lo que puede traer, y vosotras
miráme bien por él, y no querria que hiciese quistion con ninguno,
porque tiene la mano pesada, y el remedio es que cuando se
enciende como berraco, quien se halla allí más presto le ponga la
mano en el cerro, y luégo amansa, y torna como un manso; veislo
viene. Anade, anda, ¿qué cosa? ¿qué cosa? ¿en qué están las
alcavalas? como se vé vestido, que parece dominguillo de higueral,
no estima el resto; volveos, andá derecho, ansí relumbre la luna en
el rollo como este mi novio, andá á casa, y tenémela limpia, y
guardá no rompais vos esa librea, colgadla; señoras, id á mi casa,
que allí moro junto al rio, pasada la via Asinaria más abaxo, yo voy
aquí á una especiería por ciertas cosas para vuestro servicio, aunque
sepa dexar una prenda.
Griega. Señora Lozana, tomá, no dexeis prenda, que despues
contarémos, caminá.
Loz. ¡Ay pecadora de mí! ¿quién son éstos? aquí me ternán dos
horas, ya los conozco, ¡oxalá me muriera cuando ellos me
conocieron! ¡beata la muerte cuando viene despues de bien vivir!
Andar, siempre oí decir que en las adversidades se conocen las
personas fuertes; ¿qué tengo de hacer? haré cara, y mostraré que
tengo ánimo para saberme valer en el tiempo adverso.
Giraldo. Señora Lozana, ¿cómo esta vuestra merced? no ménos
poderosa ni hermosa os conocí siempre, y si entónces, mejor agora
os suplicamos nos tengais por hermanos, y muy aparejados para
vuestro servicio.
Loz. Señores, ¿cuándo dexé yo de ser presta para servir esas
caras honradas? que agora y en todo tiempo tuvieron merecimiento
para ser de mí muy honrados, y no solamente agora que estoy en mi
libertad, mas siendo sujeta no me faltaba inclinacion para serles muy
aficionada, bien que yo y mi casa seamos pobres, al ménos
aparejada siempre para lo que sus mercedes me quisieren mandar.
Gir. Señora, servir.
Loz. Señores, beso las manos de vuestras mercedes mill veces, y
suplícoles que se sirvan de mi pobreza, pues saben que soy toda
suya. Por vida del Rey, que no me la vayan penar al otro mundo los
puercos, que les he hecho mill honras cuando estábamos en
Damiata y en Túnez de Berbería, y agora con palabras prestadas me
han pagado, Dios les dé el mal año, quisiera yo, pese al diablo, que
metieran la mano á la bolsa por cualque docena de ducados, como
hacia yo en aquel tiempo, y si no los tenía se los hacia dar á mi
señor Diomedes, y á sus criados los hacia vestir, y agora á mala
pena me conocen, porque sembré en porcuna, bien me decia
Diomedes, guárdate, que éstos á quien tú haces bien te han de
hacer mal. Mirá qué canes reñegados, villanos secretos, capotes de
terciopelo, por estos tales se debia decir, si te ví no me acuerdo,
quien sirve á munchos no sirve á ninguno.
MAMOTRETO XLI.

Aquí comienza la tercera parte del retrato, y serán


más graciosas cosas que lo pasado. Cómo tornó á
casa y afeitó con lo que traia las sobredichas, y
cómo se fueron, y su criado con ellas, y quedó
sola, y contaba todo lo que habia menester para
su trato, que queria comenzar, y de aquí adelante
le darémos fin.

Loz. Agora que me arremangué á poner trato en mi casa, vale


todo caro, andar, pase por agora por contentar estas putas, que
despues yo sabré lo que tengo de hacer.
Griega. Mirámela cuál viene que le nazcan barbas, narices de
medalla.
Loz. Parece mi casa atalaya de putas; más puse del mio que no
me distes.
Julia. Sus, á mí primero, señora Lozana.
Loz. Andá, no cureis, que eso hace primero para esto que á la
postre, vení acá vos, Gaitero, id con ellas y mirá que es convite de
catalanes, una vez en vida y otra en muerte, apañá lo que
pudiéredes, que licencia tenés plomada destas señoras putas, que
sus copos lo pagarán todo, garveá y traer á casa cara y no palos,
caminá delante, id cantando.
Ramp.
¿Qué dirán que guardo,
Malogrado,
Qué dirán que guardo?

Loz. Bueno, por mi vida, bueno como almotacen de mi tierra,


aquí me quedo sola, deseo tenía de venir á mi casa, que, como
dicen, mi casa y mi hogar cien ducados val, ya no quiero andar tras
el rabo de putas. Hasta agora no he perdido nada, de aquí adelante
quiero que ellas me busquen, no quiero que de mí se diga puta de
todo trance alcatara á la fin, yo quiero de aquí adelante mirar por mi
honra, que, como dicen, á los audaces la fortuna les ayuda,
primeramente yo tengo buena mano ligera para quitar cejas, y sélo
hacer mejor que yo me pienso, y tengo aquí esta casa al paso, y
tengo este hombre que mira por mi casa, y me escalienta, y me da
dentro con buen ánimo, y no se sabe sino que sea mi mozo, y nunca
me demanda celos, y es como un siervo ligero, asimismo tengo
mucha plática con quien yo tengo de usar este oficio, yo soy querida
y amada de cuantas cortesanas favoridas hay, yo só conocida así en
Roma como en el vulgo y fuera de Roma de munchos á quien yo he
favorecido, y me traerán presentes de fuera, que terné mi casa
abastecida, y si amuestro favor á villanos vernán sus mujeres, y
porque las enseñe cómo se han de hacer bellas me traerán paxitas
de higos y otras mill cosas como la tionlesa por el cuatrin del
sublimato que le vendí, y como le prometí que otra vez le daria otra
cosa mejor, porque secretamente se afeitase, pensó que hurtaba
bogas, y envióme olivas y muchas manzanas y granadas que de
Baena no podian ser mejores; pues si una villana me conoce, ¿qué
haré cuando todas me tomen en plática? que mi casa será colmena,
y tambien si yo asiento en mi casa no me faltarán muchos que yo
tengo ya domados, y mitirillo por encarnazar, y será más á mi honra
y á mi provecho, que no tomo sabor en casa de otrie, y si quisiere
comer en mi casa, será á costa de otrie y sabráme mejor. Que no
verná hombre aquí que no saque dél cuando de la leña, otro el
carbon y otro el vino, y otro el pan, y otro la carne, y ansí de mano
en mano sacaré la expesa, que no se sentirá, y esto riendo y
burlando, que cada uno será contento de dar para estas cosas,
porque no parece que sean nada cuando el hombre demanda un
bayoque para peras, y como les sea poquedad sacar un bayoque,
sacarán un julio y un carlin, y por ruin se tiene quien saca un groso.
Ansí que si yo quiero saber vivir, es menester que muestre no querer
tanto cuanto me dan, y ellos no querrán tomar el demas, y ansí se
quedará todo en casa; otros vernán que traerán el seso en la punta
del caramillo, y con éstos se ganará más, porque no tienen tiento
hasta variar su pasion, y demandándoles darán cuanto tienen, y
vernán otros que, con el amor que tienen, no comen, y hacelles hé
comprar de comer, y pagar lo comprado, y hacelles hé que coste, y
comeré yo y mi criado, y así se castigan los necios, y vernán otros
que no serán Salomones, y afrentallos luégo en dos ó tres julios para
cartas, y vernán otros novicios que agora vuelan, á estos tales no
demandalles nada, sino fingir que si ellos tuviesen que yo no pasaria
necesidad, y darme han fin á las bragas, y cuanto más si los alabo
de valientes y que son amados de la tal, y que no vinieron á tiempo,
y que el enamorado ha de ser gastador como el tal, y no mísero
como el tal, y alabarlos que tienen gran cosa, que es esto para
muchachos hacelles reyes, y á todos mirar de qué grado y condicion
son, y en qué los puedo yo coger, y á qué se extiende su facultad, y
ansí sacaré provecho y pagamiento, si no en dineros, en otras cosas,
como de pajes rapiña, y de hijos de mercaderes robayna, y ansí daré
á todos melecina; yo sé que si me dispongo á no tener empacho, y
vo por la calle con mi cestillo, y llevo en él todos los aparejos que se
requieren para aconchar, que no me faltará la merced del señor, y si
soy vergonzosa seré pobre, y como dicen, mejor es tener que no
demandar, así que si tengo de hacer este oficio, quiero que se diga
que no fué otra que mejor lo hiciese que yo. ¿Qué vale á ninguno lo
que sabe si no lo procura saber y hacer mejor que otrie? ejemplo
gratia, si uno no es buen jugador, ¿no pierde? ¿si es ladron bueno,
sábese guardar que no lo tomen? ha de poner el hombre en lo que
hace gran diligencia, y poca vergüenza y rota conciencia para salir
con su empresa al corrillo de la gente.
MAMOTRETO XLII.

Cómo estando la Lozana sola diciendo qué le


convenia hacer para tratar y platicar en esta tierra
sin servir á nadie, entró el Auctor callando, y
disputaron los dos, y dice él:

Auctor. Si está en casa la Lozana quiero vella y demandalla un


poco de algalia para mi huéspeda, que está sorda. En casa está,
dame con quien habla, voto á mí que debe de estar enojada con
cualque puta, y agora todo lo que dice será nada, que despues
serán amigas ántes que sea noche, porque ni ella sin ellas, ni ellas
sin ella no pueden vivir, sabello tengo; que cualque cosa no le han
querido dar, y por esto son todas estas braverías ó braveaduras.
¿Quién mató la Leona? ¿quién la mató? matóla vuestro yerno,
marido de vuestra hija, así será esta quistion, su criado habrá
muerto cualque raton, y pensará que sea leona; otra cosa es, agora
lo entiendo, ¿qué dice de sueños? tambien sabe de agüeros, y no sé
qué otra cosa dixo de urracas y de tordos que saben hablar y que
ella sabria vivir; el Perseo he oido, ¡oh pese á san con la puta astuta!
y no le bastaba Ovidio, sino Perseo, quiero sobir, que no es de
perder, sino de gozar, de sus desparates, y quiero atar bien la bolsa
ántes que suba, que tiene mala boca, y siempre mira allí, creo que
sus ojos se hicieron de bolsa ajena, aunque yo siempre oí decir que
los ojos de las mujeres se hicieron de la bragueta del hombre,
porque siempre miran allí, y ésta á la bolsa, de manera que para con
ella no basta un ñudo en la bolsa y dos gordos en la boca, porque
huele los dineros donde están. Señora Lozana, ¿tiene algo de bueno
á que me convide? que vengo cansado, y parecióme que no hacia mi
deber si no entraba á veros, que, como vos sabeis, os quiero yo
muncho por ser de hácia mi tierra; bien sabeis que los dias pasados
me hicistes pagar unas calzas á la Maya, y no queria yo aquello, sino
cualque viuda que me hiciese un hijo y pagalla bien, y vos que no
perdiésedes nada en avisarme de cosa limpia sobre todo, y harémos
un depósito que cualquier mujer se contente, y vos primero.
Loz. Señor, á todo hay remedio sino á la muerte, asentaos, y
harémos colacion con esto que ha traido mi criado, y despues
hablarémos. Va por vino, ¿qué dices? ¡oh buen grado haya tu
agüelo! ¿y de dos julios no tienes cuatrin? pues busca, que yo no
tengo sino dos cuatrines.
Auctor. Dexá estar; toma, cambia, y trae lo que has de traer.
Loz. Por mi vida, no le deis nada, que él buscará, desa manera
no le faltará á él qué jugar, caminá pues, vení presto; sabeis, señor,
que he pensado, que quizá Dios os ha traido hoy por aquí, á mí me
ha venido mi camisa, y quiero ir esta tarde al estufa, y como venga,
que peguemos con ello, y yo soy desta complision, que como yo
quiero, luégo encaxo, y mirá, llegar y pegar todo será uno, y
bástame á mí que lo hagais criar vos, que no quiero otro depósito, y
sea mañana, y veníos acá, y comerémos un medio cabrito, que sé yo
hacer apedreado.
Auctor. Hi, hi; veis, viene el vino in quo est luxuria.
Loz. Dame á beber, y da el resto del ducado á su dueño.
Ramp. ¿Qué resto? veislo ahí, todo es guarnacha y malvasía de
Candía, que cuesta dos julios el bocal, ¿y quereis resto?
Loz. Mirá el borracho, y por fuerza habeis vos de traer
guarnacha, traxerades corso ó griego, y no expendieras tanto.
Auctor. Andá, hermano, qué bien hicistes traer siempre de lo
mejor, toma, tráeme un poco de papel y tinta, que quiero notar aquí
una cosa que se me recordó agora.
Loz. Mirá, mancebo, sea ese julio como el ducado, hacé de las
vuestras; señor, si él mete á jugar no torna acá hoy, que yo lo
conozco.
Auctor. ¿En qué pasais tiempo, mi señora?
Loz. Cuando vino vuestra merced estaba diciendo el modo que
tengo de tener para vivir, que quien veza á los papagayos á hablar,
me vezará á mí á ganar. Yo sé ensalmar, y encomendar y santiguar,
cuando alguno está ahojado, que una vieja me vezó, que era
saludadera y buena como yo, sé quitar ahitos, sé para lombrices, sé
encantar la terciana, sé remedio para las cuartanas y para el mal de
la madre, sé cortar frenillos de bobos y no bobos, sé hacer que no
duelan los riñones y sanar las renes, y sé medicar la natura de la
mujer y la del hombre, sé sanar la sordera y sé ensolver sueños, sé
conocer en la frente la phisionomía, y la chiromancía en la mano, y
prenosticar.
Auctor. Señora Lozana, á todo quiero callar, mas á esto de los
sueños ni mirar en abusiones no lo quiero comportar, y pues sois
mujer de ingenio, notá que el hombre cuando duerme sin cuidado, y
bien cubierto y harto el estómago, nunca sueña, y al contrario,
asimismo, cuando duerme el hombre sobre el lado del corazon,
sueña cosas de gran tormento, y cuando despierta y se halla que no
cayó de tan alto como soñaba, está muy contento, y si mirais en
ello, veréis que sea verdad; y otras veces sueña el hombre que
comia ó dormia con la tal persona, que há gran tiempo que no la
vido, y otro dia verála ó hablarán de ella, y piensa que aquello sea lo
que soñó, y son los humos del estómago, que fueron á la cabeza, y
por eso conforman los otros sentidos con la memoria; ansí que,
como dicen los maestros que vezan los niños en las materias,
muchas veces acaece quel muchacho sueña dineros, y á la mañana
se le ensuelven en azotes; tambien decís que hay aojados, esto
quiero que os quiteis de la fantasía, porque no hay ojo malo, y si me
decis cómo yo ví una mujer que dixo á un niño que su madre criaba
muy lindo, y dixo la otra, ¡ay qué lindo hijo y qué gordico! y al hora
el niño no alzó cabeza, esto no era mal ojo, mas mala lengua, y
dañada intencion y venenosa malicia, como sierpe que trae el
veneno en los dientes, que si dixera, ¡Dios sea loado que lo crió! no
le pudiera empecer; y si me decís cómo aquella mujer lo pudo
empecer con tan dulce palabra, digo que la culebra con la lengua
hace caricias, y da el veneno con la cola y con los dientes, y notá,
habeis de saber que todas vosotras, por la mayor parte, sois más
prestas al mal y á la envidia que no al bien, y si la malicia no reinase
más en unas que en otras, no conoceriamos nosotros el remedio que
es signarnos con el signo de la † contra la malicia y dañada
intencion de aquéllas, digo, que lícitamente se podrian decir
miembros del diablo; á lo que de los agüeros y de las suertes decís,
digo que si tal vos mirais, que haceis mal, vos y quien tal cree, y
para esto notá que munchos de los agüeros en que miran, por la
mayor parte son alimañas ó aves que vuelan, á esto digo que es
suciedad creer que una criatura criada tenga poder de hacer lo que
puede hacer su Criador, que tú que viste aquel animal que se
desperezó, y has miedo, mira que si quieres, en virtud de su Criador,
le mandarás que reviente y reventará, y por esto tú debes creer en
el tu Criador, que es Omnipotente, y da la potencia y la virtud, y no
á su criatura; ansí que, señora, la † sana con el romero, no el
romero sin la † , que ninguna criatura os puede empecer, tanto
cuanto la † os puede defender y ayudar, por tanto os ruego me
digais vuestra intencion.
Loz. Cuanto vos me habeis dicho es santo y bueno, mas mirá
bien mi respuesta, y es que para ganar de comer tengo de decir que
sé muncho más que no sé, y afirmar la mentira con ingenio, por
sacar la verdad, ¿pensais vos que si yo digo á una mujer un sueño,
que no le saco primero cuanto tiene en el buche? y digo luégo
cualque cosa, que veo yo que allí tiene ella ojo, y tal vuelta el anima
apasionada no se acuerda de sí misma, y yo dígole lo que ella otra
vez ha dicho, y como ve que yo acierto en una cosa, piensa que
todo es ansí, que de otra manera no ganaria nada. Mirá el
prenóstico que hice cuando murió el emperador Maximiliano, que
decian quién sería emperador, dixe, yo oí aquel loco que pasaba
diciendo: oliva despaña, despaña, despaña, que más de un año turó,
que otra cosa no decian sino despaña, despaña. Y agora que há un
año que parece que no se dice otro sino carne, carne, carne salata,
yo digo que gran carnecería se ha de hacer en Roma.
Auctor. Señora Lozana, ya me quiero ir, y estó siempre á vuestro
servicio, y digo que es verdad un dicho que munchas veces leí, que,
quidquid agunt homines, intentio salvat omnes, donde se ve claro
que vuestra intencion es buscar la vida en diversas maneras, de tal
modo, que otro cria las gallinas y vos comeis los pollos sin prejudicio
ni sin fatiga. Felice Lozana, que no habria putas si no hubiese
rufianas que las inxiriesen á las buenas con las malas.
MAMOTRETO XLIII.

Cómo salia el Auctor de casa de la Lozana, y


encontró una fantesca cargada y un villano, con
dos asnos cargados uno de cebollas y otro de
castañas, y despues se fué el Auctor con un su
amigo, contándole las cosas de la Lozana.

Auctor. ¿Qué cosa es esto que traés, señoreta?


Jacómina. Bastimento para la cena, que viene aquí mi señora y
un su amigo notario, y agora verná su mozo, que trae dos cargas de
leña; señor, ¿es vuestra merced de casa? ayúdeme á descargar, que
se me cae el bote de la mostaza.
Auctor. Sube, que arriba está la Lozana; ¿qué quieres? ¿tú,
vendes esas cebollas?
Villano. Señor, no sé, son para presentar á una señora que se
llama la Fresca, que mora aquí, porque me sanó á mi hijo del ahito.
Auctor. Llamá, que ahí está, esas castañas son para que se ahite
ella, y tú con sus pedos.
Villano. Micer, sí.
Auctor. Pues voto á Dios, que no hay letrado en Valladolid que
tantos cliéntulos tenga, pues aquellas ocultas allá van, que por ella
demandan, y no me partiré de aquí sin ver el trato que esta mujer
tiene, allá entra la una y la otra mujer con dos ánades, aquélla no es
puta, sino mal de madre, yo lo sabré al salir; ya se va el villano, ya
viene la leña para la cena, milagros hace, que la quiere menuda, ya
van por más leña, dice que sea seca, al mozo envia que traiga
especias y azúcar, y que sean hartas y sin moler, que traiga candelas
de sebo de las gordas, y que traiga hartas por su amor, que será
tarde, que han de jugar, yo me maravillaba si no lo sabía decir á mi
fidamani, que ella cene más de tres noches con candelas de notario
y á costa de cualque monitorio; ¿veis dó sale la de los anadones?
quiero saber qué cosa es; decíme, madre, ¿cómo os llamais?
Vitoria. Fijo, Vitoria, enferma de la madre, y esta señora española
me ha dado aqueste cerote para poner al ombligo.
Auctor. Decidme, señora, ¿qué mete dentro, si vistes?
Vit. Yo os lo diré, balbano y armoniaco, que consuma la
ventosidad, y perdonáme, que tengo priesa.
Auctor. Andate en buen hora, yo me quiero estar aquí y ver aquel
palafranero á qué entra allá, que no estará muncho, que ya viene el
notario ó novio, que será cardico, y moxama le trae el ladron;
bueno, pues entra, que ahí te quiero yo, que mejor notario es ella
que tú, que ya está matriculada, ya sale el otro, italiano es, más bien
habla español y es mi conocido; á vos, Penacho, ¿qué se dice? ¿sois
servicial á la señora Lozana? ¿qué cosa es eso que llevais?
Penacho. ¡Juro á Dios! cosas buenas para el rabo, guarda que tú
no lo dices á otro, questo es para la hemorroide que tiene monseñor
mio, adio.
Auctor. Va norabuena, que aquí viene quien yo deseaba; si
vuestra merced viniera más presto viera maravillas, y entre las otras
cosas oyera un remedio que la señora Lozana ha dado para cierta
enfermedad.
Silvano. Pues deso me quiero reir, que os maravilleis vos de sus
remedios, sabiendo vos que remedia la Lozana á todos de cualquier
mal ó bien; á los que á ella venian no sé agora cómo hace, mas en
aquel tiempo que yo la conocí, embaucaba las gentes con sus
palabras, y por cierto que dos cosas le vi hacer, la una á un señor
que habia comido tósigo, y ella majó presto un rábano sin las hojas,
y metiólo en vinagre fuerte, y púsoselo sobre el corazon y pulsos; y
cuando fué la peste ella en Velitre, hizo esto mismo en vino bueno, y
que tomase siempre placer, y que no se curase de otras píldoras ni
purgas. Cada mes de Mayo come una culebra, por eso está gorda y
fresca la traidora, aunque ella de suyo lo era.
Auctor. ¿No veis qué prisa se dan á entrar y salir putas y
notarios?
Silv. Vámonos que ya son vacaciones, pues que cierran la puerta.
MAMOTRETO XLIV.

Cómo fué otro dia á visitarla este su conocido


Silvano, y las cosas que allí contaron.

Silv. Señora Lozana, no se maraville, que quien viene no viene


tarde, y el deseo grande vuestro me ha traido, y tambien por ver si
hay páxaros en los nidos de antaño.
Loz. Señor, nunca faltan palomas al palomar, y á quien bien os
quiere no le faltarán palominos que os dar.
Silv. No sean de camisa, que todo cuanto vos me decis os creo,
Dios os bendiga, que gorda estais.
Loz. Hermano, como á mis expesas y sábeme bien, y no tengo
envidia al Papa, y gánolo, y osténtolo, y quiéromelo gozar y triunfar,
y mal año para putas, que ya las he dado de mano, que por la luz de
Dios, que si me han menester, que vienen cayendo, que ya no soy la
que solia; mirá qué casa, y en qué lugar, y qué paramentos, y qué
lecho que tengo, salvo que ese bellaco me lo gasta cada noche que
no duerme seguro, y yo que nunca estoy queda, y vos que me
entendeis que somos tres; hi, hi, acordaisos de aquellos tiempos
pasados cómo triunfábamos, y habia otros modos de vivir, y eran las
putas más francas, y los galanes de aquel tiempo no compraban
oficios ni escuderatos como agora, que todo lo expendian con putas
y en placeres y convites, agora no hay sino maullantes overo, como
dicen en esta tierra, totivento, que todo el año hacen hebrero, y ansí
se pasan, no como cuando yo me recuerdo que venía yo cada
sábado con una docena de ducados ganados en ménos tiempo que
no há que venistes, y agora cuando traigo doce julios es muncho,
pues Sábado Santo me recuerdo venir tan cansada, que estaba toda
la Pascua sin ir á estaciones, ni á ver parientas ni amigas, y agora
este Sábado Santo con negros ocho ducadillos me encerré, que me
maravillo cómo no me ahorqué, pues las navidades de aquel tiempo,
los aguinaldos y las manchas que me daban como agora cierto,
nunca tan gran estrechura se vido en Cataluña ni en Florencia como
agora hay en Roma; y si mirais en ello, entónces traian unas mangas
bobas, y agora todos las traen á la perdalesca, no sé, por mí lo digo,
que me maravillo cómo pueden vivir munchas pobres mujeres que
han servido esta córte con sus haciendas y honras, y puesto su vida
al tablero por honrar la córte y pelear y batallar, que no las bastaban
puertas de hierro, y ponian sus copos por broquel y sus oidos por
capacetes, combatiendo á sus expesas y á sus acostamientos de
noche y de dia, y agora ¿qué mérito les dan? salvo que unas rotos
sus brazos, otras gastadas sus personas y bienes, otras señaladas y
con dolores, otras paridas y desmamparadas, otras que siendo
señoras son agora siervas, otras estacioneras, otras lavanderas,
otras estableras, otras cabestro de símiles, otras alcahuetas, otras
parteras, otras cámara locanda, otras que hilan y no son pagadas,
otras que piden á quien pidió y sirven á quien sirvió, otras que
ayunan por no tener, otras por no poder, ansí que todas esperan que
el Senado las provea á cada una segun el tiempo que sirvió y los
méritos que debe haber, que sean satisfechas, y segun piensan y
creen que harán una taberna meritoria como antiguamente solian
tener los romanos y agora la tienen venecianos, en la cual todos
aquellos que habian servido ó combatido por el Senado romano si
venian á ser viejos ó quedaban lisiados de sus miembros por las
armas, ó por la defension del pueblo, les daban la dicha taberna
meritoria, en la cual les proveian del vito é vestito, esto al hora era
bueno que el Senado cobraba fama y los combatientes tenian esta
esperanza, la cual causaba en ellos ánimo y lealtad, y no solamente
entónces, mas agora se espera que se dará á las combatientas en
las cuales ha quedado el arte militario, y máxime á las que con buen
ánimo han servido y sirven en esta alma cibdad, las cuales, como
dixe, pusieron sus personas y fatigas al carro del triunfo pasado por
mantener la tierra y tenella abastada y honrada con sus personas
viniendo de léxos, y luengas partidas y de diversas naciones y
lenguajes, que si bien se mira en ello, no hay tantos lenguajes en
Babilonia, adonde yo soy estada en mi juventud; ansí que si esto se
hiciese, munchas más vernian, y sería como en las batallas cuando
echan delante la gente armada, y á la postre cuando van faltando
éstos, los peones y hombres darmas, y esles fuerza pelear á ellos y
á los otros que esperaban seguir victoria, que si bien vencen el
campo, no hay quien lo regocije como en la de Ravena, ni quien
favorezca el placer que consiguen por ser pocos y solos, que no
tienen quien los ayude á levantar, y así esperan la luna de Boloña,
que es como el socorro de Escalona; ansí que tornando al propósito,
quiero decir que cuando á las perdidas y lisiadas y pobres y en
senetud constitutas no les dan el premio ó mérito que merecen,
serán causa que no vengan munchas que vinieran á relevar á las
naturales las fatigas y cansancios y combates, y esto causará la
ingratitud que con las pasadas usaron, y de aquí redundará que los
galanes requieran á las casadas y á las vírgenes desta tierra, y ellas
darán de sus casas, joyas, dinero y cuanto ternán á quien las
encubra y á quien las quiera, de modo que quedarán los naturales
ligeros como siervos asentados á la sombra del alcornoque, y ellas
contentas y pobres, porque se quiere dexar hacer el tal oficio á
quien lo sabe menear.
MAMOTRETO XLV.

Una respuesta que hace este Silvano, su conocido de


la Lozana.

Silv. Por mi vida, señora Lozana, que creo que si fuérades vos la
misma teoría no dixérades más de lo dicho, mas quiero que sepais
que la taberna meritoria para esas señoras ya está hecha
archihospital, y la honra, ayuda y triunfo que ellas dan al Senato es
como el grano que siembran sobre las piedras, que como nace se
seca, y si oistes decir que antiguamente cuando venía un romano ó
emperador con victoria, lo llevaban en un carro triunfante por toda
la ciudad de Roma, y esto era gran honra, y en señal de forteza una
corona de hojas de roble, y él asentado encima, y si alguna señal
tenía de las heridas que en las batallas y combates hobiese
rescebido, la mostraba públicamente, de manera que entónces el
carro y la corona y las heridas eran su gloria, y despues su
renombre, fama y gloria. ¿Qué mejor ni más largo os lo puedo yo
dar á entender, señora Lozana, de lo que vos misma podeis ver? que
como se hacen francesas ó grimanas, es necesario que en muerte ó
en vida vayan á Santiago de las Carretas, y allí el carro y la corona
de flores y las heridas serán su mérito y renombre á las que vernán,
las cuales tomarán audibilia pro visibilia; ansí que, señora Lozana, á
vos no ha de faltar sin ellas de comer, que ayer hablando con un mi
amigo hablamos de lo que vos alcanzais á saber, porque me recordé
cuando nos rompistes las agallas á mí y á cuantos estábamos en el
banco de ginoveses.
Loz. Y si entónces las agallas, agora los agallones, y oidme dos
razones.
MAMOTRETO XLVI.

Respuesta que da la Lozana en su laude.

Loz. Aquel es loado que mira y nota y á tiempo manifiesta, yo he


andado en mi juventud por Levante, só estada en Nigroponte, y he
visto y oido munchas cosas, y entónces notaba, y agora saco de lo
que entónces guardé; ¿no se os acuerda cuándo estaba por ama de
aquel hijo de vuestro amo, qué concurrencia tenía de aquellos
villanos que me tenían por médica, y venían todos á mí, y yo les
decia, andaos á vuestra casa y echáos un ayuda, y sanaban?
Aconteció que una vieja habia perdido una gallina, que muchos dias
habia que ponia huevos sobre una pared, y como se encocló, echóse
sobrellos, y vino la vieja á mí que le dixese de aquella gallina, y yo
estaba enoxada, y díxele: andá, id á vuestra casa, y traéme la yerba
canilla que nace en los tejados, y díxeselo porque era vieja,
pensando que no subiria, en fin, subió, y halló la gallina, y
publicóme que yo sabía hacer hallar lo perdido, y así un villano
perdió una borrica, vino á mí que se la encomendase, porque no la
comiesen lobos, mandéle que se hiciese un cristel de agua fria, y
que la fuese á buscar, él hízolo, y entrando en un higueral á andar
del cuerpo, halló su borrica, y desta manera tenía yo más presentes
que no el juez. Decíme, por mi vida, ¿quién es ese vuestro amigo
que decis que ayer hablaba de mí? ¿conózcolo yo? reisos, quiérolo
yo muncho, porque me contrahace tan natural mis ménos y autos, y
cómo quito las cejas, y cómo hablo con mi criado, y cómo lo echo de
casa, y cómo le decia cuando estaba mala, anda por esas
estaciones, y mira esas putas cómo llevan las cejas, y cómo bravea
él por mis duelos, y cómo hago yo que le hayan todos miedo, y
cómo lo hago moler todo el dia soliman, y el otro dia no sé quién se
lo dixo, que mi criado hacia quistion con tres, y yo, porque no los
matase, salí y metílo en casa, y cerré la puerta, y él metióse debaxo
del lecho á buscar la espada, y como yo estaba afanada porque se
fuesen ante quél saliese, entré y busquélo, y él tiene una condicion,
que cuando tiene enojo, si no lo desmuele, luégo se duerme, y como
lo veo dormido debaxo de la cama, me alegré, y digo, en este medio
los otros huiran; y cómo lo halago, que no se me vaya, y cómo
reñimos porque metió el otro dia el suyo en una olla que yo la tenía
media de agua de Mayo, y cómo arma dentro por causa del agua,
traia la olla colgada, y yo quise más perder la olla y el agua, que no
que se le hiciese mal; y el otro dia que estaban aquí dos mochachas
como hechas de oro, parece que el bellaco arma, y tal armada, que
todas dos agujetas de la bragueta rompió, que eran de gato soriano,
y cómo yo lo hago dormir á los piés, y él cómo se sube poco á poco,
y otras mil cosas que cuando yo lo ví contrahacerme, me parecia
que yo era. Si vos lo viéredes aquí cuando me vino á ver que estaba
yo mala, que dixe á ese cabron de Rampin que fuese aquí á una mi
vecina, que me prestase unos manteles, dixo que no los tenía, dixe
yo simplemente, mira qué borracha, que está ella sin manteles,
toma, vé, cómprame una libra de lino, que yo me los hilaré, y ansí
no la habré menester. Señor, yo lo dixe, y él lo oyó, no fué menester
más, como él há tiempo, cuando yo no pensaba en ello, me
contrahizo, que quedé espantada.
MAMOTRETO XLVII.

Cómo se despide el conocido de la señora Lozana, y


de las señas de la patria del Auctor.

Silv. Señora Lozana, quisiera que acabáramos la materia


comenzada de la meritoria, mas como no tuvo réplica, manda
vuestra merced que digamos reliqua, para que se sienten y vayan
reposadas, donde la rueda de la carreta las acabará, y tornando á
responderos de aquel señor que de vuestras cosas hace un retrato,
quiero que sepais que só estado en su tierra, y daréos señas della.
Es una villa cercada, y cabeza del maestrazgo de Calatrava, y
antiguamente fué muy gran cibdad, dedicada al dios ó planeta
Marte, como dice Apuleyo; cuando el planeta Mercurio andaba en el
cielo, el dios Marte, que aquella peña era su trono y ara, de donde
tomó nombre la Peña de Marte, y al presente de los Martes, porque
cada uno de los que allí moran son un Marte en batalla, que son
hombres inclinados al arte de la milicia y á la agricultura, porque
remedan á los romanos, que reedificaron donde agora se habita, al
pié de la dicha peña, porque allí era sacrificado el dios de las
batallas; y ansí son los hombres de aquella tierra muy aptos para
armas, como si oisteis decir lo que hicieron los Covos de Mártos en
el reino de Granada, por tanto que decian los moros que el Covo
viejo y sus cinco hijos eran de hierro y áun de acero, bien que no
sabian la causa, del planeta Marte, que en aquella tierra reinaba de
nombre y de hecho, porque allí puso Hércules la tercera piedra ó
colona que al presente es puesta en el templo; hallóse el año
M.D.IIII: y la Peña de Mártos nunca la pudo tomar Alejandro Magno
ni su gente, porque es inexpunabile á quien la quisiese por fuerza,
ha sido siempre honra y defension de toda Castilla. En aquella tierra
hay las señales de su antigua grandeza en abundancia, esta
fortísima peña es tan alta que se ve Córdova, que está catorce
leguas de allí, ésta fué sacristía y conserva cuando se perdió España,
al pié de la cual se han hallado atautes de plomo y marmóreos
escritos de letras gódicas é de egipciacas; y hay una puerta que se
llama la Puerta del Sol, que guarda al Oriente, dedicada al planeta
Febo, hay otra puerta, La Ventosilla, que quiere decir que allí era la
silla del solícito elemento Mercurio, y la otra puerta del Viento
dedicada á este tan fuerte elemento aéreo, por tanto el fortísimo
Marte dedicó á este elemento dos puertas que guardasen su altar,
todas dos puertas de Mercurio guardan al Poniente, hay un albollon
que quiere decir salida de agua al baluarte do reposa la diosa
Cereza, hay dos fortalezas, una en la altísima peña, y otra dentro en
la villa, y el Almedina, que es otra fortaleza que hace cuarenta
fuegos, y la villa de Santa María, que es otra fortaleza que hace cien
fuegos, y toda la tierra hace mil y quinientos; y tiene buenos vinos
toronteses y albillos y haloques, tiene gran campiña, donde la diosa
Cereza se huelga, tiene monte, donde se coge muncha grana, y
grandes términos y muy buenas aguas vivas, y en la plaza un altar
de la Madalena, y una fuente, y un alamillo, y otro álamo delante de
la puerta de una iglesia, que se llama la solícita y fortísima y
santísima Martha, huéspeda de Cristo. En esta iglesia está una
capilla que fué de los Templares, que se dice de San Benito, dicen
que antiguamente se decia Roma la Vieja; todas estas cosas
demuestran su antigua grandeza, máxime que todas las ciudades
famosas del Andalucía tienen la puerta Mártos, que dice su antigua
fortaleza, salvo Granada, porque mudó la puerta Elvira; tiene
asimismo una fuente marmórea, con cinco pilares á la puerta de la
villa, edificada por arte mágica, en tanto espacio cuanto cantó un
gallo, el agua de la cual es salutífera, está en la via que va á la
cibdad de Mentesa, alias Jaen, tiene otra al pié de Malvecino, donde
Marte abrevaba sus caballos, que agora se nombra la fuente Santa
Martha, salutífera contra la fiebre, la mañana de San Juan sale en
ella la cabelluda, que quiere decir, que allí muchas veces apareció la
Madalena, y más arriba está la peña de la Sierpe, donde se ha visto
Santa Martha defensora, la cual allí miraculosamente mató un
ferocísimo serpiente, el cual devoraba los habitantes de la cibdad de
Marte, y ésta fué la principal causa de su despoblacion. Por tanto, el
templo lapídeo y fortísima ara de Marte fué y es al presente
consagrado á la fortísima Santa Martha, donde los romanos, por
conservar sus mujeres en tanto que ellos eran á las batallas, otra
vez la fortificaron, de modo que toda la honestidad y castidad y
bondad que han de tener las mujeres, las tienen las de aquel lugar,
porque traen el orígine de las castísimas romanas, donde munchas y
munchas son con un solo marido contentas. Y si en aquel lugar, de
poco acá, reina alguna invidia ó malicia, es por causa de tantos
forasteros que corren allí por dos cosas, la una porque abundan los
torculares y los copiosos graneros, juntamente con todos los otros
géneros de vituallas, porque tiene cuarenta millas de términos, que
no le falta, salvo tener el mar á torno; la segunda, que en todo el
mundo no hay tanta caridad, hospitalidad y amor proximal cuanto en
aquel lugar, y cáusalo la caritativa huéspeda de Cristo. Allí poco léxos
está la sierra de Aillo, ántes de Alchahudete.
Loz. Alcahudete el que hace los cornudos á ojos vistas.
Silv. Finalmente, es una felice patria, donde siendo el Rey
personalmente, mandó despeñar los dos hermanos Caravajales,
hombres animosísimos, acusados falsamente de tiranos, la cuya
sepultura ó mausoleo permanece en la capilla de Todos Santos, que
antiguamente se decia la Sancta Sanctorum, y son en la dicha capilla
los huesos de fortísimos reyes y animosos maestres de la dicha
órden de Calatrava.
Loz. Señor Silvano, ¿qué quiere decir que el Auctor de mi retrato
no se llama Cordovés, pues su padre lo fué, y él nació en la diócesi?
Silv. Porque su castísima madre y su cuna fué en Mártos, y como
dicen, no donde naces, sino con quien paces. Señora Lozana, veo
que viene gente, y si estoy aquí os daré empacho, dadme licencia, y
mirá cuándo mandais que venga á serviros.
Loz. Mi señor, no sea mañana ni el sábado, que terné priesa,
pero sea el domingo á cená y todo el lúnes, porque quiero que me
leais, vos que teneis gracia, las coplas de Fajardo y la comedia
Tinalaria y á Celestina, que huelgo de oir leer estas cosas muncho.
Silv. ¿Tiénela vuestra merced en casa?
Loz. Señor, vedla aquí, mas no me la leen á mi modo, como
haréis vos, y traé vuestra vihuela y sonarémos mi pandero.
Silv. Contémplame esa muerte.
Welcome to our website – the perfect destination for book lovers and
knowledge seekers. We believe that every book holds a new world,
offering opportunities for learning, discovery, and personal growth.
That’s why we are dedicated to bringing you a diverse collection of
books, ranging from classic literature and specialized publications to
self-development guides and children's books.

More than just a book-buying platform, we strive to be a bridge


connecting you with timeless cultural and intellectual values. With an
elegant, user-friendly interface and a smart search system, you can
quickly find the books that best suit your interests. Additionally,
our special promotions and home delivery services help you save time
and fully enjoy the joy of reading.

Join us on a journey of knowledge exploration, passion nurturing, and


personal growth every day!

ebookmasss.com

You might also like