Xây dựng website bán hàng bằng nextjs

Cũng như các tính năng của website bán hàng thôi điều khác biệt ở đây là mình sẽ sử dụng nextjs thay vì vẫn làm như các seri, các đồ án trước đó. 

Và cũng vì một phần là mình muốn học thêm nextjs và tăng thêm trải nghiệm người dùng nữa

Next.js giúp ta xây dựng một app tương tự với JavaScript và React. Một số tính năng nổi bật của Next.js:

1. Mặc định đã được render phía server
2. Tự động split code để load page nhanh hơn
3. Đơn giản hóa routing phía client (page based)
4. Môi trường dev với webpack-based hỗ trợ Hot Module Replacement (HMR)
5. Có thể implement với Express hoặc những Node.js HTTP server khác
6. Dễ dàng customize với Babel và Webpack config

Cài đặt nextjs

Để cài đặt được nextjs thì bạn cần phải cài nodejs trước. Sau khi đã cài xong nodejs thì bạn chạy lần lượt các lệnh sau 

mkdir nextjs-ecommerce
cd nextjs-ecommerce
npm init -y
npm install --save react react-dom next
mkdir pages

Sau khi đã chạy xong các lệnh trên bạn tiếp tục mở file package.json đã được sinh ra và thêm dòng nội dung sau vào file 

{
 "scripts": {
   "dev": "next",
   "build": "next build",
   "start": "next start"
 }
}

OK bây giờ các bạn run lên bằng câu lệnh sau 

npm run dev

Kết quả sau khi bạn run dev sẽ là

Đừng qua lo lắng quá vì vẫn chưa xong mà. Các bạn tạo tiếp cho mình 1 file index.js nằm trong folder pages nhé với nội dung như sau

export default () => (
 <div>
   <p>Hello Next.js - TrungPhuNA</p>
 </div>  
)

Và bạn ra trình duyệt lại lúc nãy xem kết quả nhé

Hoạc bạn cũng có thể run lệnh sau để cài nhanh hơn nhé

npx create-next-app nextjs-ecommerce

Trong đó nextjs-ecommerce là tên folder project của các bạn

123code.net - Tạo cảm giác an toàn, uy tín, chất lượng đến cho mọi người

123code.net mang lại cảm giác an toàn nhất cho bạn, không làm bạn thất vọng, giúp bạn giải quyết được vấn đề đồ án tốt nghiệp ở thời điểm hiện tại và tương lai

- Đưa ra giải pháp, góp ý giúp bạn có được một đề tài đồ án tốt, phù hợp nhất

- Có nhiều tính năng mới, độc giúp thu hút, thuyết phục được giáo viên phản biện cũng như hội đồng bảo vệ đồ án

- Đúng ngày, đúng giờ, đầy đủ yêu cầu - tính năng

=> Nhanh tay đăng ký hoạc liên hệ với admin tại đây để có được một đồ án phù hợp với mình