Building an E-commerce Website Using Next Js, Mantine, and Strapi
Nguyen, An (2022)
2022
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2022053013113
https://urn.fi/URN:NBN:fi:amk-2022053013113
Tiivistelmä
The thesis focused on planning and building an e-commerce website using Jamstack architecture. Due to this architecture, the web page would benefit from performance, security, scalable capability, and maintainability. The framework used was Next Js. Performance of the web page could be archived thanks to the capability of server-side rendered and statically generated pages. The styling of the website was quickly built by using a React components library named Mantine. The images and product descriptions would be managed by using a headless content management system named Strapi.
This thesis had three sections. The first one was a literature review of the technologies and framework used in the thesis. The next one was planning actual web page basis functionalities, which included viewing and searching products, adding to the cart, and confirming the order. Before building the application, the UX/UI, databases, models, and API routes are designed and planned. There are some example lines of code about the front-end and back-end setup and implementation in the next section. The final section is the conclusion, which overviews the Next Js framework and further suggestions to improve the project.
Consequently, the thesis is a quick introduction to the Next Js and related technologies in building a complicated website such as an e-commerce platform.
This thesis had three sections. The first one was a literature review of the technologies and framework used in the thesis. The next one was planning actual web page basis functionalities, which included viewing and searching products, adding to the cart, and confirming the order. Before building the application, the UX/UI, databases, models, and API routes are designed and planned. There are some example lines of code about the front-end and back-end setup and implementation in the next section. The final section is the conclusion, which overviews the Next Js framework and further suggestions to improve the project.
Consequently, the thesis is a quick introduction to the Next Js and related technologies in building a complicated website such as an e-commerce platform.