1. Next.js là gì? Giới thiệu về khóa học Next.js 14 Free

Summary

This video script introduces a free 'Nest.js' course by the creator, who also offers a discounted upgrade for advanced courses on their educational platform, edu.yan.com. The course covers building a simple e-commerce site using Nest.js, a framework built on Node.js, with features like authentication and SEO optimization. The script explains the benefits of server-side rendering for SEO and the ease of using Nest.js for full-stack development. It also discusses the course's requirements, such as basic knowledge of HTML, CSS, JavaScript, and React.js, and provides guidance on deploying applications using Vercel or VPS services.

Takeaways

• 😀 The video introduces a free series on NestJS, a framework for building efficient and scalable server-side applications.
• 🎓 The presenter offers a discount for their courses on their website, edu.yan.com, which sells various courses with a special offer for YouTube viewers.
• 🛠️ The course covers building a simple e-commerce shop project using NestJS, showcasing basic functionalities like registration, login, product management, and SEO.
• 🔒 NestJS is highlighted for its strengths in SEO and authentication, differentiating it from other frameworks like React which are more client-side focused.
• 🌐 The video mentions that the presenter's NestJS project will include both server and client-side components, with the server-side built on Fastify, a Node.js framework.
• 📈 The presenter discusses the importance of community and support for a framework, citing that NestJS is widely used by many well-known companies, which is a sign of trust and stability.
• 🚀 NestJS is positioned as a modern solution that combines the benefits of server-side rendering for SEO with the interactivity of client-side JavaScript frameworks.
• 🛡️ The video touches on the technical requirements for learning NestJS, including basic knowledge of HTML, CSS, JavaScript, and familiarity with React.
• 💻 Deployment options for NestJS applications are discussed, with a preference for Virtual Private Servers (VPS) over serverless options for performance reasons.
• 🔄 The presenter explains the evolution of web development, from server-side rendering to client-side rendering, and back to server-side rendering with frameworks like NestJS.
• 🔑 The video script also addresses common questions about when to use NestJS, suggesting it for large-scale projects or when SEO is a priority, and when it might not be necessary.

Q & A

What is the purpose of the video series 'Nest Free Course'?

The video series is designed to introduce and teach viewers about the Nest framework, offering both free and paid courses on web development.

What is the discount provided for purchasing courses from the website edu.yan.com?

A discount of 100,000 is offered for purchasing courses from the website by using the voucher code provided in the video.

What kind of project will be developed in the free Nest course?

The free Nest course will develop a simple e-commerce shop project using technologies like Fastify for the backend, running on a Node.js environment.

What features will the e-commerce shop project include?

The project will include features such as user registration, login, product addition, deletion, viewing, and management with authentication.

Why does the instructor recommend focusing on frontend development with Next.js?

The instructor suggests focusing on frontend development because the backend of Next.js is still relatively new and not fully complete, which could lead to complications.

What does the instructor suggest about the use of the term 'SEO' in the context of React.js?

The instructor implies that claims of React.js being SEO-friendly without additional server-side rendering may be misleading or incomplete.

What is the relationship between Vercel and Next.js?

Vercel is the company that hosts Next.js and provides services like hosting, serverless functions, and databases, similar to Amazon Web Services.

What are the prerequisites for learning Next.js according to the video?

The prerequisites for learning Next.js include knowledge of HTML, CSS, JavaScript, and a basic understanding of React.js and Node.js.

Why does the instructor recommend using a VPS for deploying Next.js applications?

The instructor recommends using a VPS for faster deployment and better performance compared to free services like Vercel, which might be slower.

What is the difference between app router and page router in Next.js as of version 14?

App router and page router are two different routing solutions in Next.js. The app router is the newer and more stable approach, which the Next.js team is focusing on, while the page router is the older method and may be deprecated in the future.

What is the instructor's advice on using Next.js for SEO-unimportant projects?

For projects that do not require SEO, such as internal management systems, the instructor suggests that using traditional React.js with server-side rendering might not be necessary and could opt for simpler solutions.

Outlines

00:00

📚 Introduction to Free Nest.js Series and Discount Offer

The speaker introduces a free series on Nest.js and offers a discount of 100,000 for purchasing courses from their website, edu.yan.com. The website is described as a platform for selling various courses at discounted prices using a promotional code related to YouTube. The speaker also mentions a free Nest.js course and an advanced, paid version that will be released after the free course. They invite viewers to submit their email on the website to receive a link to the free Nest.js project source code and to stay updated on the paid course release.

05:02

🛠️ Overview of Nest.js Framework and Its Features

The speaker provides an overview of the Nest.js framework, highlighting its capabilities for both server and client-side rendering, making it suitable for full-stack development. They compare it to other technologies and frameworks, advising that while Nest.js is new and not fully complete on the backend, it is a solid choice for frontend development. The speaker discusses the benefits of server-side rendering for SEO and mentions the ease of using Nest.js for SEO optimization compared to React.js. They also touch on the integration of various tools within Nest.js that are not available in React.js by default.

10:05

🔧 Discussion on the Advantages and Use Cases of Nest.js

The speaker delves into the advantages of using Nest.js, such as its SEO friendliness due to server-side rendering, and the built-in features that are not present in vanilla React.js. They discuss the importance of a unified coding standard that Nest.js provides, which can be beneficial for large projects. The speaker also contrasts traditional server-side rendering with single-page applications and the issues they present, such as SEO challenges and initial load times. They highlight how Nest.js addresses these issues while maintaining the benefits of server-side rendering.

15:07

💡 Requirements and Recommendations for Learning Nest.js

The speaker outlines the prerequisites for learning Nest.js, which include knowledge of HTML, CSS, and JavaScript, as well as basic understanding of React.js and Node.js. They recommend studying the official React.js documentation and offer their own advanced course for those looking to deepen their skills. The speaker also provides advice on whether to use Nest.js for backend development, suggesting it may be overkill for small projects or those without complex business logic requirements.

20:09

🚀 Deployment Options and Recommendations for Nest.js

The speaker discusses deployment options for Nest.js applications, recommending the use of a Virtual Private Server (VPS) for faster performance compared to free services like Vercel or Netlify. They also address the new routing features in Nest.js, explaining the difference between app router and page router, and focusing on the app router as the future standard. The speaker invites viewers to submit their email to receive a GitHub link for the Nest.js project and to stay informed about the course.

Keywords

💡NestJS

NestJS is a modern, scalable Node.js framework for building efficient and reliable server-side applications. It is designed to be a complete solution, incorporating elements of Angular, making it a framework rather than just a library. In the video, the speaker introduces NestJS as a subject of a course, highlighting its capabilities in SEO optimization, authentication, and server-side rendering, which are essential for building full-stack applications.

💡Server-Side Rendering (SSR)

Server-Side Rendering refers to the process where the server generates the HTML content of a webpage and sends it to the client. This is beneficial for SEO because search engines can easily crawl and index the content. In the script, the speaker mentions that NestJS supports SSR, which is a significant advantage for web applications that require good search engine visibility.

💡SEO (Search Engine Optimization)

SEO is the process of improving a website's visibility in search engine results. It is a critical aspect of web development, especially for businesses that rely on organic traffic. The speaker emphasizes that NestJS is 'strong' in SEO, meaning it is designed to help websites rank higher in search results by facilitating server-side rendering and providing tools that are SEO-friendly.

💡Authentication

Authentication is the process of verifying the identity of a user or device. It is a crucial security measure for applications that require user logins. The video script mentions that NestJS includes features for authentication, which is important for creating secure applications that manage user sessions and data.

💡ReactJS

ReactJS is a popular JavaScript library for building user interfaces, particularly for single-page applications. It is often used in conjunction with other libraries or frameworks. The speaker compares ReactJS to NestJS, noting that while ReactJS is a library, NestJS is a more comprehensive framework that includes additional features like server-side rendering and SEO tools.

💡Vercel

Vercel is a cloud platform for hosting and serving web applications. It is mentioned in the script as the company that hosts the NestJS website and provides serverless functions, databases, and other services. Vercel is known for its integration with Next.js, another framework, but the speaker uses it as an example of a hosting service for NestJS applications.

💡Framework

A framework in software development is a set of pre-written code that provides a structure for developing applications. The term is used in the script to distinguish between NestJS, which is a full-fledged framework, and ReactJS, which is a library. The speaker explains that NestJS, being a framework, offers more built-in functionality than ReactJS.

💡VPS (Virtual Private Server)

A VPS is a virtual machine that functions as a dedicated server with its own operating system and resources. In the script, the speaker recommends deploying NestJS applications on a VPS for better performance compared to some other hosting services. VPS provides more control and is suitable for production environments.

💡SSR (Single-Page Application)

SSR is often used in the context of web development to refer to Single-Page Applications, which load a single HTML page and dynamically update that page as the user interacts with the app. The speaker mentions that traditional SSR has drawbacks in terms of user experience due to 'flashing' or reloading of content, which is something that frameworks like NestJS aim to improve upon.

💡SEO-friendly

SEO-friendly refers to the design and development practices that make a website more accessible and indexable by search engines. The script discusses how NestJS is built to be SEO-friendly, which is important for the discoverability of websites and their content in search results.

💡Course

The term 'course' in the script refers to the educational content provided by the speaker, which is about learning NestJS. The speaker offers both free and paid courses, with the free course serving as an introduction to NestJS and the paid course presumably covering more advanced topics.

Highlights

Introduction to a free 'Nest' course series with a discount offer for purchasing other courses from the speaker's website.

The speaker's website, edu.yan.com, is a platform for selling various courses with a special discount for YouTube referrals.

Mention of a free 'Nest.js' course and an upcoming paid advanced course once the free one is completed.

Instructions on how to submit an email to receive the source code and updates on the 'Nest.js' project.

Overview of the 'Nest.js' framework, its capabilities, and its comparison with 'React.js'.

Explanation of why 'Nest.js' is preferred for SEO and server-side rendering advantages.

Description of the 'Fastify' backend technology used in the course project for a simple e-commerce shop.

Details on the functionalities included in the project, such as user authentication and product management.

The speaker's recommendation to focus on front-end development with 'Nest.js' and avoid full back-end development due to its newness and potential instability.

Introduction to 'Vercel', the company behind 'Nest.js', and its services similar to Amazon Web Services.

Discussion on the importance of community support and the number of companies using 'Nest.js'.

Advantages of 'Nest.js' for SEO optimization and its integration of tools for image and CSS optimization.

Comparison of 'Nest.js' with traditional server-side rendering and single-page applications regarding SEO and user experience.

The speaker's advice on the suitability of 'Nest.js' for large-scale projects and its deployment on Vercel services.

Recommendation to deploy serious projects on VPS for better performance over free services.

Introduction to 'Nest.js' version 14.1.1, released three days prior to the video recording.

Explanation of 'Nest.js' routing, focusing on 'app router' over 'page router' in the latest versions.

Answering common questions about the use of 'Nest.js' for backend development, SEO, and project scale suitability.

Final notes on the prerequisites for learning 'Nest.js', including basic knowledge of HTML, CSS, JavaScript, and React.

Transcripts

Hello Chào các bạn đã đến với cái series

Nest miễn phí của mình trước tiên đi vào

phần giới thiệu thì mình sẽ tặng cho các

bạn à xem cái video này một cái vure

giảm giá 100.000 khi mà mua những cái

khóa học của mình tại website edu.

yan.com Đây là cái website bán khóa học

của mình nha mình tạo bằng njs thì các

bạn có thể vào đây mua bất kỳ cái khóa

học nào mà các bạn muốn với giá rẻ hơn

cái giá này một 100000 bằng cách nhập

cái vô chơ là YouTube viết như thế này

nha Rồi Ok mình sẽ đi vào giới thiệu cái

khóa học njs của mình thì đây là cái

khóa học miễn phí thì mình còn một cái

khóa có phí nữa nếu mà các bạn thấy cái

cách dạy của mình hay và phù hợp thì các

bạn có thể mua cái khóa Ness nâng cao

trả phí của mình thì hiện tại cái khóa

này mình chưa quay nha Thì sau khi mà

mình quay xong cái khóa nj miễn phí này

rồi thì mình sẽ quay cái khóa nâng cao

và khóa nâng cao mình sẽ đăng lên trên

cái A nền tảng bán khóa học của mình là

đây nha rồi còn về cái khóa Mỹ phí thì

các bạn có thể xem hoàn toàn không tốn

một đồng nào trên kênh YouTube của mình

bạn nào mà muốn ủng hộ mình đơn giản thì

có thể mua cái khóa năng cao của mình

cũng được

rồi để nhận được cái link g Hub mã nguồn

của dự án này thì dự án này mình sẽ có

phần server và phần clan thì các bạn à

có thể submit cái email của bạn vào

trong cái

website này thì đây các bạn vào

youth.com nhá rồi Click vào cái phần

khóa học njs này thì các bạn Nhập cái

email của các bạn vào các bạn nhắn gửi

thì mình sẽ gửi một cái email về cái

đường link giub dự án njs free này cho

các bạn nha rồi thì khi mà các bạn

submit thì khi mà mình có cái thông báo

về cái khóa học trả phí thì mình cũng sẽ

gửi cái thông báo của mình đến cho các

bạn để các bạn khỏi bị Miss luôn ok rồi

về phần giới thiệu về cái dự án mình làm

trong cái khóa ns này thì mình sẽ làm

một cái dự án shop bán hàng đơn giản

thôi nha mọi người một cái shop bán hàng

đơn giản à công nghệ của mình sử dụng đó

là một cái backend fastify chạy trên môi

trường noe js nha fastify và frand là

mình dùng

njs rồi những cái chức năng của mình ấy

là bao gồm đăng ký đăng nhập nè À thêm

sự Xóa sản phẩm xem sản phẩm Seo và quản

lý authentication đó thì một số bạn sẽ

hỏi tại sao làm mấy cái chức năng nó đơn

giản như này thì thực sự với các bạn ấy

thì chức năng phức tạp ấ thì nó cũng chỉ

xoay quanh cái thằng react js thôi mọi

người ạ Còn cái thằng njs ấ thì nó quanh

đi quẫn lại thì nó là react js nên mình

sẽ xoay quanh cái Framework njs có nghĩa

là mình xoay quanh những cái chức năng

mà njs có reactjs không có chứ không

phải là mình đi mình làm những cái logic

business phức tạp đúng không cái đấy đâu

cần thiết đâu Cái này cần với người này

nhưng đâu cần với người kia cái chúng ta

cần ấy là học về cái Framework ns đó Ok

thì cái Framework njs này nó mạnh về cái

gì nó mạnh về Seo đúng không Nó mạnh về

authentication đúng không Hay là nó mạnh

về rendering thì mình sẽ học kỹ về những

cái phần đấy còn mấy cái mà làm mấy cái

chức năng phức tạp dữ án này thì thôi

skip nó qua cho nó tiết kiệm thời gian

ha Rồi

ok đi qua giới thiệu về cái thằng njs là

gì thì đầu tiên à Đây là cái trang chủ

của thằng njs thì njs này nó được

hosting trên cái công ty Mẹ Của Nó công

ty mẹ đó là ver sale nha thì đây là cái

logo của thằng ver sale này Đây là Logo

của thằng Nest đó thì logo V sale Nó là

một cái tam giác Ừ cái thằng V sale này

Nó là một cái công ty cung cấp dịch vụ

điện toán đấm may hay là C hay cò gọi là

công ty cung cấp mấy cái hosting server

các kiểu ch ấ mọi người gần gần giống

như cái thằng Amazon web service ấ thì

cái thằng này À nó cũng mới gần đây thôi

nó nổi lên cách đây mấy năm từ khi mà nó

làm cái thằng ncs này hiện tại cái mạng

internet của mình đang dùng là mạng

viett Tail thì cái mạng viett Tail này

mình không hiểu vì sao mà nó chặn những

cái website mà hosting lên trên V sale

ngay cả cái thằng ns này luôn mới hôm

mình vào được Có hồ mình vào không được

như hôm nay mình vào không được mình

phải bật cái VPN lên mọi người ạ thì VPN

à mọi người có thể tải một cái attention

VPN trên chrome mình thì mình dùng

attention là Hotspot SH thì thằng này

free thôi mọi người đó bật cái thằng này

lên thì vào được rồi thì nexts nó là gì

Nó là một cái Framework của thằng vs à

Nó được Build lên trên giữa cái thằng

react thì react là của Meta nha Meta

Facebook ấy mọi người react thì nó được

coi là Library là một cái thư viện còn

Nest nó được coi là một cái Framework

luôn bởi vì nó hoàn chỉnh hơn cái thằng

react nó nó nhiều chức năng hơn ha rồi

thì cái thằng njs này nó có thể làm

server giống như là Express js bên nocs

ấ Và nó có thể làm clan như thằng react

luôn đó là cái chức năng của thằng ncs

làm full stack luôn mọi người nhưng mà

mình khuyên mọi người thì nên làm front

end thôi à còn back end thì mọi người có

thể làm một tí xíu back end chứ đừng làm

full backend bên cái thằng next này bởi

vì nó cũng mới nó cũng chưa hoàn chỉnh

về mặt back đó mọi người và nếu mà các

bạn chọn backend bên next thì các bạn sẽ

bị dính vào

cái cái Framework này các bạn sẽ bị dính

vào cái thằng Note CS đôi khi chúng ta

muốn làm pend bhp hay là pend Rose back

and Golden thì đâu có được đâu đúng

không đó thì

Nest nó giải quyết cái vấn đề gì à trước

khi mà đi vào cái phần hai thì mình sẽ

à giới thiệu luôn Về Hiện tại cái

version ns là version máy hiện tại ngay

tại cái thời điểm mình quay cái video

này là ngày 4 tháng 3 2024 thì để xem

cái version thì mình sẽ Click vào cái

đường link g Hub của cái dự án này thì

đây là cái đường link g Hub version cái

phần release này mọi người thì version

nó là version 14.1.1 nha Thì nó vừa

release cái version này 3 ngày trước à

các bạn Click vào cái phần này thì các

bạn sẽ thấy là đây là những cái tag mà

nó release Đây là cái version hiện tại

nè

latest Còn đây là những cái version mới

hơn mới hơn này nó đánh một cái ký hiệu

đó là Canary thì cái Canary này mọi

người tưởng tượng giống như là một cái

tiền release tiền tiền phát hành ấy mọi

người Ờ khi mà người ta phát hành một

cái version gì đấy thì người ta sẽ phát

hành vài cái version Canary để cho những

cái đội

ngũ đội ngủ đếp mà muốn test thử những

cái tính năng mới có thể là nó chưa hoàn

thiện 100 ph nó 90 95 ph và ai mà muốn

test thử thì dùng cái version Scary này

đó thì nó giống như là cái version beta

á mọi người rồi thì sau khi mà test vài

vòng rồi thì người ta sẽ release cái

version chính thức ok rồi Ừ ai là người

dùng cái thằng Ness này thì ns này nhiều

người dùng lắm mọi người ạ rất là nhiều

cái công ty người ta dùng luôn à đây các

bạn có thể thấy loom này toàn là những

công ty nổi tiếng thôi hay là cái tờ báo

Washington này Mr Beast basement flash ở

dưới này thì chúng ta có thể thấy

netflix tiktok Twist nhiều nha notion

target Ok rất là nhiều thì đủ để chúng

ta tin tư mà chúng ta dùng cái thằng này

chứ nếu như mà chúng ta dùng một cái

Framework mà ít người dùng xít cộng đồng

thì rất có khả năng là cái dự án này

trong tương lai nó sẽ bị bỏ rơi mà nếu

mà chúng ta đem cái đấy chúng ta dùng

cho dự án của chúng ta thì dự án chúng

ta nó rất là dễ đi tông nha Rồi ok thì

cái thằng njs này nó giải quyết cái vấn

đề gì thì đầu tiên ấy

njs nó render website chúng ta ở server

nên là nó rất là thân thiện với Seo nha

Thì hiện tại cái thằng react ấ nó là

client Si rendering có nghĩa là render ở

trên trình diệt của chúng ta đó render ở

trên trình diệt thì render trình diệt về

render server nó khác nhau nhau như thế

nào ấ thì ở những video sau mình sẽ giải

thích kỹ cho các bạn về cái phần này còn

hiện tại các bạn cứ hiểu là render ở

trên trình duyệt ấ render website ở trên

trình duyệt ấ thì nó sẽ không thân thiện

với Seo đó nó không thân thiện với Seo

nhanh thì nó cũng có thể nhanh đấy đó

nhưng mà nó không thân thiện nha thì ai

mà nói với các bạn rằng ấy xài react js

thuần nó vẫn lên được top Google ấy thì

mình nghĩ là lừa đảo nha các bạn hoặc là

người người ta chỉ nói với các bạn một

nửa sự thật thôi Ví dụ như cái thằng

shopee khi mình tìm hiểu thì mình không

rõ Hiện tại thì nó dùng như thế nào nha

mình nhớ thì 1 hai năm trước thì nó vẫn

còn dùng reactjs à thuần luôn

nó nhưng mà nó vẫn lên được tốt bởi vì

nó có một cái cách riêng để cho nó

render ở bên server nha rồi còn cái

thằng ns này các bạn không cần kiểu làm

phức tạp cái vấn đề như cái thằng

reactjs này đó như cái thằng shope nó

làm khá là phức tạp để nó được lên top

Google Còn với njs các bạn đơn giản hơn

rất là nhiều các bạn có thể render ở

phía server render website ở phía server

và trả về cho cl nguyên một cái website

luôn là clent không càng render lại nữa

đó thì điều này nó sẽ giúp Seo nó tốt

hơn rất là nhiều bởi vì cái bộ máy mấy

cái con bx tìm kiếm của Google ấy mọi

người khi mà nó vào cái website của

chúng ta nó đọc cái Nội nội dung website

của chúng ta

thì khi mà có sẵn content ấ có sẵn định

dạng xmail ấ thì nó đọc nhanh hơn rất là

nhiều Đúng không Chứ nó mà nó vô cái

website của chúng ta rồi các bạn bắt nó

render render ra hmail đi nó tốn rất là

nhiều thời gian khi mà nó tốn nhiều thời

gian thì con boss nó sẽ đánh giá cái

website của chúng ta là kém chất lượng

hoặc là tốn nhiều thời gian thì nó sẽ

quay mặt nó đi luôn vượt qua cái thời

gian chờ đợi của nó thì nó đi luôn nó

không đọc website của chúng ta nữa thì

không đọc nữa thì lấy gì mà lên tốt đúng

không nào rồi Tiếp theo thì là cái thằng

ns này nó tích hợp nhiều cái tool Mà cái

thằng res js thuần nó không có ví dụ như

là nó có thể tối ưu ảnh này tối ưu Phong

này tối ưu mấy cái

CSS Hoặc là những cái file js đó thì cái

react js thuần nó không có nha mọi người

reacts thuần Nó chỉ là một cái thư viện

nhỏ thôi C cái thằng ns này Nó là một

cái Framework rồi nó còn có CS module

này nó còn có bộ định tuyến là routing

nhá mọi người thì bình thường các bạn

dùng react thì các bạn dùng cái thư viện

react Router dome đúng không Đó Còn với

ns các bạn không cần cài mấy cái thứ đó

nó có sẵn luôn ns nó có luôn cái mid

weare luôn nha Thì mic weare này là mid

weare bên server luôn đó nó có một cái

gọi là server Action thì về cái server

Action này thì mình sẽ giới thiệu sau

nha và nó cũng có những

cái chức năng tích hợp để hỗ trợ các bạn

về Seo Ví dụ như bên ns mà để tốt Seo

hơn một tí thì chúng ta có thể cài cái

thằng mình nhớ là react Helmet đúng

không Đó react Helmet còn bên này thì

không cần cài luôn Có sẵn luôn

nha rồi Tiếp theo ấ là nó giúp chúng ta

thống nhất về cách viết code thì ở

reacts nó có quá nhiều cái cách viết

code quá nhiều những cái thư viện đi nên

là chúng ta không có một cái quy chuẩn

nào thì cái này đôi khi là một cái ưu

điểm mà cũng là một cái nhược điểm nhiều

người thích react ở cái điểm này kiểu

như là nó linh động ấy không thích viết

kiểu này thì viết kiểu khác cũng được

không sao nhưng mà nhiều người thì không

thích Nếu như mà làm những cái dự án lớn

mà mỗi thành viên nó viết một kiểu thì

rất là khó chịu đúng không nào

thì bên cái thằng Nest này nó sẽ giúp

chúng ta thông nhắc hơn bởi vì nó quy

định sẵn với cái thằng này rồi

đó tiếp theo đó là một cái thuyết ư

Nhưng mà mình nghĩ là đây là cũng không

phải thuyết ưu Đây là một cái sự thật

chắc chắn đó là njs nó giúp đem tiền về

cho cái thằng V sale này thì ngày xưa ấ

các cái website thường là sẽ đi theo cái

hướng là server side rendering kiểu như

là

multip application hay còn gọi api như

là php này Ruby on Rail django expresss

ngày xưa ấ mọi người hoặc là WordPress

chẳng hạn là nó đi theo cái kiểu là

server side rendering như thế này ưu

điển của cái kiể kiểu này á là nó LCK

rất là nhanh LCK nhanh lắm và Seo cực kỳ

tốt luôn Các bạn thấy thế giới di động

hay là website điển máy XANH chẳng hạn

đâu cần dùng mấy công nghệ gì cho xịn sò

đâu chỉ là server si rendering bình

thường thôi nhưng mà các bạn search cái

từ khóa gì nó cũng có cái điện máy Xanh

xong rồi Thế Giới Di Động Đúng không nào

đấy Đó là cái Seo cực kỳ tốt nhưng mà

Nhược điển của cái thằng này á đó là cái

us nó không được tốt lắm Nó hay bị chớp

khi mà chúng ta chuyển trang

và nó khó làm những cái chức năng logis

phức tạp bên clan đó ví dụ như mình điện

máy Xanh đây nó hay bị chớp chớp chớp

chớp chớp chớp như thế này cũng không

hay lắm Để mình click đó nó bị chớp ấ

mọi người thì đôi khi nó không hay mặc

dầ nó cũng nhanh nhưng mà nó không hay

về mặt us thì cái thằng Nest nó sẽ được

nó sẽ cải thiện cái phần đấy cho các bạn

thì sau này ấ cái thằng react angular

hay view nó ra đời thì nó đi theo cái

hướng gọi là single B application thì

cái hướng này nó sẽ giải quyết được cái

nhược điểm của cái thằng api ở trên này

đó là nhược điểm về us và nhược điểm về

làm cái logic phức tạp bên clan nhưng mà

nó lại có một cái nhược điểm mới đó là

Seo rất là kém và ở cái lần l đầu tiên

nó hơi bị chậm nha rồi thì đến đây là

cái thằng VC nó xuất hiện nó xuất hiện

dữ D nghĩa là một cái công ty cung cấp

các dịch vụ phía server như là hosting

website này serverless function à

database này và nó cũng là cái công ty

đầu tiên và nó khở xướng cái trào lưu là

thôi Bây giờ mình đừng có dùng cái

render bên client nữa mình quay trở lại

quá khứ mình render ở server đi nhưng mà

render phí server thì người ta lại dùng

những cái này đó người ta lại dùng những

cái Framework này thì cái thằng VC nó

không muốn nên là nó tạo ra cái thằng

Ness nó bảo à bây giờ ta tạo ra cái

thằng ns này nó khắc phục được cái nhược

điểm của single B truyền thống nhưng mà

nó vẫn đem lại được cái ưu điểm đó là

Seo tốt ừ nên là tụ mạch dùng cái thằng

nsd và tiện thể nó quảng cáo luôn cái vụ

VC của nó đó nên là vì thế cái thằng nh

này nó đem lại lợi nhuận cho cái thằng

VC luôn và nexts này khi mà các bạn chạy

trên cái dịch vụ s Ring Time của cái

thằng vs ấy thì nó sẽ có độ trễ thấp hơn

nhiều khi mà các bạn chạy trên một cái

server Note GS của các bạn nha Thì đó là

cái cách mà kinh doanh của cái thằng V

sale các bạn có thể hiểu là nó cho đi

xong rồi nó mới nhận lại rồi yêu cầu khi

mà chúng ta học njs là gì thì ở đây là

ba cái yêu cầu đầu tiên là các bạn cần

phải biết về HTML CSS và JavaScript nha

thì đây là những cái yêu cầu bắt buộc

luôn các bạn nào mà chưa biết ba cái

thằng này thì tốt nhất nên học kỹ ba cái

thằng này tiếp theo là các bạn cần phải

biết về react js cơ bản thì ở đây mình

chỉ cần các bạn biết cơ bản thôi các bạn

không cần phải biết nâng cao về à quảng

list tay hay cái gì cơ bản thôi cũng

được để ở đây về cơ bản thì các bạn có

thể

lên trên cái document của react js hiện

tại document của reactjs mình đánh giá

rất là

cao document viết rất là chất lượng luôn

nha không như ngày xưa nữa đây document

viết rất là chất lượng luôn các bạn học

hết document này các bạn qua bên cái

thằng njs các bạn chiến luôn Hoặc là các

bạn có thể tham khảo Cái khóa njs Super

của mình thì khóa này là từ cơ bản tới

năng cao luôn thì hiện tại cái khóa mình

đang được bán nha các bạn có thể tham

khảo khóa này à và các bạn cần biết thứ

hai đó là à Sorry mọi người thứ ba đó là

Note js cơ bản nha Thì Note js thì các

bạn có thể học trên YouTube cũng được

Hoặc là các bạn tham khảo Cái khóa Note

js năng ca của mình thì khi mà các bạn

học xong hai cái khóa này của mình ấy

đảm bảo của bạn chiếm cái thằng nets cực

kỳ easy cực kỳ dễ luôn bởi vì nchs nó

được Build dựa trên reactjs và nó chạy

trên môi trường Note chs Nên là các bạn

học hai khóa này là đúng bài rồi ha Thì

bạn nào mà muốn tiết kiệm ấ thì mua cái

khóa combo của mình đấy muốn tiết kiệm

thay vì mua từng Khóa từng khóa thì mua

cái khóa combo này thì rẻ hơn nhiều mua

khóa combo này nhập cái voucher mình

giới thiệu ở đầu cái video nhập vure này

vô thì giảm được 100k nữa ha rồi Ở đây

thì mình sẽ có một số cái câu hỏi

à mà rất là nhiều bạn hỏi và mình sẽ trả

lời luôn đó

là có nên dùng Nest làm backend luôn

không thì thì nếu mà các bạn làm một cái

dự án nhỏ Ví dụ như một tới năm người

làm ấy và yêu cầu dự án là thời gian

phải thời gian hoàn thành dự án phải là

nhanh à không Yêu cầu những cái nghiệp

vụ phức tạp thì các bạn có thể chiến

luôn cái thằng ncs cho mình luôn không

thành vấn đề đó làm m cái dự án đơn giản

nhanh thì chiến luôn chị à Sorry chiến

luôn Ness nha rồi thì còn lại các bạn

chỉ nên dùng cái thằng njs làm frontend

thôi Bởi vì backend njs nó sẽ thiếu

nhiều cái tính năng hơn là à những cái

Framework chyên sau về back end à Chưa

hết là các bạn làm njs ấ thì các bạn sẽ

bị dính vào cái hệ sinh thái Note js như

mình nói ở trên ấy các bạn đâu có thể

chuyển backend sang PSP hay là goen được

đúng không Rồi câu hỏi thứ hai đó là làm

website quản lý không cần Seo thì có nên

dùng njs hay không Ví dụ những cái

website về quản lý phòng khám quản lý à

trường học quản lý sinh viên quản lý

thư viện chẳng hạn những cái website đấy

thì chỉ dành cho một bộ phận nhân viên

dùng thôi không cần Seo thì có nên dùng

N hay không thì Câu trả lời đó là không

cần thiết phải dùng N các bạn có thể

dùng reacts kết hợp với vi truyền thống

không thành vấn đề gì cả nha Bởi vì các

bạn đâu cần sale đâu và những cái

website đấy thì cũng chả cần gọi là

những cái chức năng như là render server

làm gì render client cũng được chả làm

sao cả Nhưng mà ví dụ nhá trong tương

lai các bạn nghĩ thử trong tương lai

những cái dự án đấy Các bạn có muốn làm

m cái landing page hoặc là một số cái

trang public ra ngoài hay không ấy nếu

như mà có thì các bạn cũng có thể chọn

Nest thì nó sẽ an toàn hơn rất là nhiều

so với các bạn chọn viic Còn không thì

cứ quất cái thằng này chả làm sao

cả rồi Ừ Nest có phù hợp với những dự án

lớn hay không câu trả lời tất nhiên là

có nó cực kỳ phù hợp với những cái dự ăn

lớn các bạn thấy ấy rất là nhiều công ty

dùng net như là tiktok netflix Uber có

cả bance công ty tr công ty về sàn Du

dịch TR coin nó dùng ns luôn đấy mọi

người

rồi ns thì deploy ở đâu njs như mình nói

nó chạy trên Note GS đúng không Thì njs

deploy trên VPS nha mọi người tức là một

cái máy chủ Ảo ấ thì khi mà các bạn làm

thì mình recom các bạn deploy lên cái

VPS của các bạn nó sẽ nhanh hơn rất là

nhiều so với các bạn deploy lên những

cái à những cái dịch vụ như là ver sale

hay là netflix file netlify thì ha cái

dịch vụ như thế này

ấ nếu mà các bạn dùng free thì nó rất là

chậm Nhưng mà nó sẽ phù hợp với các bạn

nào mà kiểu muốn Demo à không có nhiều

tiền lắm muốn demo hoặc là Ừ đăng lên

đấy thôi xong rồi để bỏ vào cái CV của

mình khi mà mình đi phỏng vấn này nọ thì

mình còn show ra cho người ta xem thì

các bạn đưa lên cái thằng VC nf cũng

được không sao bởi vì nó cũng miễn phí

mà còn mình thấy cái trả phí bên mấy cái

thằng này nó mắc ấy mọi người nó hơi bị

mắc tiền so với cái chức năng của nó đem

lại nên mình Ưu tiên deploy những cái dự

án thật của mình ấy dự án mà mình làm để

kiếm tiền luôn ấy thì mình deploy lên

kênh cái VPS nha Thì VPS các bạn có thể

mua rất là nhiều nơi Các bạn cứ gõ mua

VPS lên trên Google là nó ra là một cái

máy chủ ảo giống như là cái máy tính của

các bạn Hiện tại rồi cái khóa học này

mình dạy app router hay là page router

thì dành cho những các bạn chưa biết ấy

thì ns từ cái version

13 Ừ Hiện tại cái version mình đang

hướng dẫn các bạn là version 14 nha Thì

trước đây ấ trước cái version 13 ấ thì

nó chỉ có một cái gọi là page router

thôi thôi Còn hiện tại nó đã chia ra làm

hai gọi là app router và page router và

cái team ns nó tập trung vào cái app

router này nhiều hơn và mình dự kiến

trong tương lai nó chắc khoảng vài năm

nữa nó sẽ bỏ luôn cái bằng cái thằng

page router này giống như là cái thằng

react nó sẽ bỏ luôn những cái tính năng

Ví dụ như là cá class đi Chẳng hạn bây

giờ nó đâu có tập trung nhiều về máy

class component đâu các bạn thấy toàn là

hút thôi đúng không Thì đấy cũng kiểu

kiểu như vậy thì dạy là mình dạy luôn

cái mới luôn dạy app router luôn nha Thì

app router nó cũng ra hơn 1 năm rồi nó

cũng ổn định rồi thì chúng ta học

thôi ok thì đó là những gì mà mình muốn

giới thiệu trong cái video này về Nest

rồi ok để lấy link gi Hub thì các bạn

submit vào cái đường link thì cái đường

link mình để ở dưới cái phần description

cũng như là cái phần comment nha Hoặc là

các bạn vào cái website của mình

đó Click vào cái phần website của mình

là du.com đó Click vào cái phần à Nest

nhập cái email nhấn gửi mình sẽ gửi đến

cho các bạn Ok chào mọi người

nha