TechCart 🤖

A simple, SEO-focused, full-stack e-commerce test application

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Docker

Install docker - get docker

docker build -t tech-cart .

docker run -p 4000:4000 tech-cart

Open http://localhost:4000 with your browser to see the result.

Technical decisions

For optimal SEO performance, SSR (Server-Side Rendering) and SSG (Static Site Generation) approaches were utilized instead of CSR (Client-Side Rendering).

To simplify the setup, manual hydration on the client side (e.g., using async state managers like React Query or SWR) was omitted, although implementing it could enhance the user experience.

A RESTful API was created using Next.js route handlers. However, since we leverage Server Components SC, API routes are unnecessary

Time spent

10 hours 👨🏻‍💻

TODO

• Finish pagination
• Accessibility considerations
• Unit tests for key components