resetmerlin / NikSnkrs-Nextjs

Nike Snkrs Shop with Next js

Home Page:https://nik-snkrs-nextjs.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nike Snkrs eCommerce Nextjs version

Fanmade personal repo

Installation

To install the project and its dependencies, follow these steps:

  1. Ensure you have npm installed on your system.

    cd nikesnkrs
    npm install 

Migration SPA React to Nextjs

  • First, I copied the components that requires only little dependencies to render. Example: Atoms -> molecules -> organisms
  • Moreover I target first and migrated. Example: Home page first vs Product page first

Screencast.from.2024.01.10.15.16.18.webm

Views

Home Page

image

Products Page

image

Product Page

image

Login Page

image

Register Page

image

Profile Page

image

Cart Page

image

Order Page

About

Nike Snkrs Shop with Next js

https://nik-snkrs-nextjs.vercel.app


Languages

Language:TypeScript 87.3%Language:SCSS 11.8%Language:JavaScript 0.5%Language:CSS 0.4%