DavitTec / eshop

Setting up a 'eshop' over NEXTjs

eShop

Description

Building a eCommerce full stack Website

Whats Included

• Establishing a Web app development platform
• Create NextJS basic project, starting a HTTP local server, navigating between pages.
• NextJS advanced dynamic routing, image optimization,  SSG and SSR

Development environment

• Setup Linux
• Language and Modules
  • Node.js
• GIT
  • Stand-alone or signup to GITHUB
  • GIT Basics
• Integrated development environment (IDE)
  • VS Code or Atom
• Browsers
  • Brave or Chrome or more
• Graphics
  • GIMP
• Database
  • MongoDB and
  • MongoDB compass

Install

1. npx create-next-app

   mkdir eshop  && cd eshop
   git init
   cd ..
   npx create-next-app@latest eshop
   cd eshop
   git add .
   git commit -m "First commit - installed NEXT App"

   Now open, eg

    atom .  # for Atom or 'code .' for VSCode
   

Next Steps

1. Inside eshop directory, you can run several commands to starts the development server.

     npm run dev
   
   ## Lets start server
   # http://localhost:3000

2. All fine, now lets make some changes. Starting with README.md

3. Now we setup a few dummy pages and rearrange the Nextjs landing page from Index.js

4. Added Top NAV and some styles

5. Installed Bootstrap 5, linked font-awesome, added footer with svg embed, some new styles, added components.

---