Amazona Final
Here I'm gonna have an introduction to nextjs-amazona course.
We are going to build a fully-functional ecommerce website using NextJS. This course is for beginners and advance developers
by the end of these lessons you will build following features:
- Product List in Home Page and Product Details in Details Screen
- Product Category in sidebar
- Review Products and Show Ratings
- Search Products and Search Screen
- Implement add to cart product and create shopping cart screen
- Manage users by creating sign up and sign in screen
- Checkout wizard to get shipping info, payment method and preview order
- Manage user profile and show order history of users By the end of beginner part you are junior developer will learn:
- NextJS to create a fully functional website using create-next-app
- Material UI to design website based on the best practice UI/UX
- React Context to manage state of application is a predictable way
- NextConnect to build an api in NextJS
- MongoDB and Mongoose to save and retrieve data in the database
- JSonWebToken to authenticate users
- Paypal checkout api to make payment for the order
- Vercel deployment service to deploy website on the cloud So, you are junior developer will build a fully functional ecommerce website like amazona and you can put it on your portfolio website or present it as a side project for you next job interview and hopfully get your dream job.
- Introduction
- what is this course about
- who are the audiences
- what do you learn
- what are pre-requisite
- Install Development Tools
- Google Chrome
- NodeJS, MongoBD and Git
- VS Code and Extensions
- Create Next App
- run npx create-next-app --use-npm
- explain folder and file structure
- Push to Github and Deploy on Vercel
- Create github account and repo
- connect to github repo
- commit and push changes to github
- Add Material UI
- install material ui
- add _app.js
- add _document.js
- set stylesheet
- add header
- Create Home Page
- Create products array
- import in index.js
- render products
- Install eslint
- install eslint on vs code extensions
- run npm install eslint
- run ./node_modules/.bin/eslint --init
- accept default answers