NextJS: 01-04 Setup NextJS + Typescript với create-next-app 🔥

[@minhhung-kimwy5004]

máy thầy chạy nhanh quá!!! 😄😄😄

[@EasyFrontend]

😆😆😆

[@minhthonguyen4229]

A gõ phím ko cần nhìn à, ghê quá 😯

[@EasyFrontend]

hihi à gõ sai tè le á em ơi haha 😅

[@nguyenxuantruong03]

Anh ơi hong hiểu sao em set up next js hiện tại nó thay thế page ,api thành chỉ mỗi app em làm cái route dynamic hỏng được giờ kiểu em bị rối tùm lum có cách nào set up về kiểu cũ như anh không

[@EasyFrontend]

hi Trường, nextjs 13 có hỗ trợ folder mới là app nếu em muốn dùng theo anh thì dùng folder pages nhen không đụng tới folder app hen

[@anhquannguyen2449]

a ơi e dùng "yarn create next-app --typescript" nó chạy bản 13 luôn rồi h lạ lẫm quá không biết cách nào về bản 11 á a chỉ e với ạ

[@EasyFrontend]

hi Quân ơi, đơn giản nhất là em lấy code của anh luôn nha đây là code lúc init xong nè hehe github.com/paulnguyen-mn/learn-nextjs/tree/c79132d125994835a65ea193a32def7063fa80b5 em tải về nhen 😊

[@songaming5802]

anh ơi phóng to content nhu anh làm sao vậy

[@EasyFrontend]

hi Sơn, hk biết là em hỏi phóng to cái nào vậy em hen? em cho anh xin cái thời gian phút giây nào để a check thử hen

[@TomsFarm]

Mình có cách nào để chọn cài bản Nextjs 11 không vậy a. Hiện giờ dùng "yarn create next-app --typescript" nó tự cài Nextjs 12 rồi a :(

[@EasyFrontend]

haha cái này a chưa thử, mà v12 cũng okie á em, code vẫn theo như anh đc nhen 😉

[@tungkiz]

Hóng A add tookit vào nextjs. Em bị issue với preloadedstate từ localStore :)))

[@EasyFrontend]

hihi anh dự định ko dùng redux trong series này em nhen 😍

[@VyNguyen-qb3tn]

comment đầu kkkk

[@EasyFrontend]

haha ngon lành, thank you Vy 😍

[@johnnytringuyen3382]

anh có dự định làm về một serries riêng biệt nói về firebase không anh ơi

[@EasyFrontend]

à lâu òi anh ko đụng tới firebase nên chắc là ko òi Trí ơi, sr em nha

[@johnnytringuyen3382]

@@EasyFrontend oke a, vẫn hóng a ra video đều đều kk

[@duonglekhanh9729]

Anh ơi em ko có visa mà mún xem full khoá của anh em chuyển khoản dk ko ạ

[@EasyFrontend]

hi Dương ơi, với fan cứng trên youtube thì anh ko thể hỗ trợ đc em nhen, youtube ko có cách thức nè hic anh chỉ hỗ trợ đc đối với các khoá học trên udemy của anh thôi à

[@nguyenduyanh6381]

Anh ơi em có fan cưngs rồi mà vẫn bị ẩn 1 video ạ?

[@EasyFrontend]

à hk phải ẩn đâu em, tại anh chưa mở á 🤣

[@HoangNguyen-zv3xb]

Anh Hậu ơi, làm thế nào để clone project theo commit hả anh, tại cái setting em cài bây giờ nó là bản mới hơn, em muốn clone cái của anh về nhưng chưa biết cách

[@EasyFrontend]

hi Hoàng, em tham khảo thử cái blog này nhen hehe devopscube.com/checkout-clone-specific-git-commit-id-sha/

[@nghiangoquang]

Anh ơi, em thấy có nhiều người dùng webpack để setup project của họ. Không biết anh có dùng webpack không ạ? Khi nào mình dùng webpack, khi nào npx create-react-app

[@EasyFrontend]

à các bác chuyên gia đã tối ưu giúp mình rồi Quang, nên dùng create-react-app nhen. Trừ khi nào mình cảm thấy chưa hài lòng với creat-react-app, muốn tự xử, hoặc mình muốn setup một cách khác với CRA thì tự setup webpack nhen Quang. 😉

[@nghiangoquang]

@@EasyFrontend cái webpack nhìn phức tạp ghê, cần gì phải install vài package để có được tính năng đó, phải hiểu xâu về nhiều thứ, không như mì ăn liền CRA 🤣

[@EasyFrontend]

@@nghiangoquang uhm đúng òi em =))) a hk hiểu ngồi config hoài hk đc 😅

[@nghiangoquang]

@@EasyFrontend anh ơi, em gặp vấn đề về dùng baseUrl + paths. Ví dụ: baseUrl: ".", path: { "~/*":"./*", "~/models/*":"./database/models/*", }. Khi import thay vì dùng "./database/models/User.model" thì em dùng "~/models/User.model". Vẫn chạy ổn khi run dev, nhưng khi build ra js và start bằng node thì nó không hiểu path rút gọn của em là gì nên báo lỗi, có cách nào cho nó biết hay làm sao khi build nó tự chuyển từ path rút gọn sang path đầy đủ trong file js đã built xong?

[@thanhvinhle5709]

Em đọc thì webpack là cách config cũ ít xài.Do khi em học là xài create-react-app liền nên không biết có bị miss gì không.Anh cho em hỏi: + create-react-app có phải nó đã tự config webpack sẵn cho mình rồi đúng k.Hay webpack là phạm trù khác không liên quan đến create-react-app.

[@MinhHoang-zn2iy]

Anh ơi em sau khi dùng lệnh create-next-app sau đấy build and start thì khi chỉnh sửa code trong index.js và save lại thì trên local không thấy có thay đổi gì, chỉ khi em off rồi start lại thì code mới được run trên local. Không biết anh có thể chỉ cho em cách để khi mình chỉnh sửa như vậy thì sau khi save nó cũng như live server cập nhật luôn được không ạ. Em cảm ơn a

[@EasyFrontend]

chà cái này hơi lạ, mặc định là nó phải đc á em, hmmm mà em run dev hay run build vậy Hoàng?

[@MinhHoang-zn2iy]

@@EasyFrontend em run buiild a ạ. hình như với create-react-app thì em cũng k live được sao ấy. :(

[@EasyFrontend]

@@MinhHoang-zn2iy à phải run dev em nha, run dev nó mới watch files thay đổi rồi restart cho em hen

[@MinhHoang-zn2iy]

@@EasyFrontend dạ hihi em cảm ơn a

[@HieuTrungTran2205]

em dùng câu lệnh 'yarn create next-app learn-nextjs' nhưng gặp lỗi này mong anh giải đáp giúp em: yarn create v1.22.17 [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... [4/4] Building fresh packages... success Installed "create-next-app@12.1.0" with binaries: - create-next-app 'C:\Users\Tran' is not recognized as an internal or external command, operable program or batch file. error Command failed. Exit code: 1 Command: C:\Users\Tran Trung Hieu\AppData\Local\Yarn\bin\create-next-app Arguments: learn-nextjs Directory: D:\VSCode ext Output:

[@EasyFrontend]

à do tên user "Tran Trung Hieu" của em có khoảng trắng nên nó bị lỗi nó chạy tới Tran là ngắt òi, em đổi lại user name ko có khoảng trắng nha Hiếu