HULL

Abstract

1. Introduction

Headless Shopify starter built on Next.js Headless CMS powered by Sanity.io

2. Objective

💀 Headless Shopify Starter – powered by Next.js + Sanity.io

This project demonstrates how JavaScript, Next.js, Tailwind CSS can be applied to a real-world Full Stack Web Development problem.

3. Key Features / Modules

• Utility-first CSS with Tailwind CSS
• Animations powered by Framer Motion
• Cart powered by Shopify Buy SDK
• Real-time inventory check for products using SWR
• Customizable Filtering & Sorting for product collections
• Klaviyo waitlist form for out-of-stock products
• Klaviyo newsletter form with opt-in field
• Dynamic Page Routes for custom page creation
• Automatic Sitemap.xml generation
• Automatic robots.txt generation

4. Technology Stack

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• Node.js (LTS) and npm
• A modern web browser
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/ndimatteo/HULL.git
cd HULL

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add role-based access control
• Deploy on a VPS or cPanel hosting with a custom domain
• Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Explain the frontend, backend and database layers of this application.
2. How is user authentication and authorisation implemented?
3. Describe the main database tables / collections and their relationships.
4. Which REST APIs or routes are exposed and what do they return?
5. How would you deploy this application to production?

9. Source Code & License

This project is developed by ndimatteo and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.