12/08/2018, 16:52

Bạn đã từng nghe về NEXT.JS chưa?

Trong bài viết này tôi sẽ hướng dẫn mọi người xây dựng một UNIVERSAL JAVASCRIPT APP VỚI NEXT.JS , Tôi cũng mới tìm hiểu về Next.js trong thời gian gần đây, nên tôi chỉ giới thiệu những cần căn bản của Next.js mà tôi biết được. Còn những phần Advanced thì các bạn có thể tìm hiểu thêm ở dưới đây. ...

Trong bài viết này tôi sẽ hướng dẫn mọi người xây dựng một UNIVERSAL JAVASCRIPT APP VỚI NEXT.JS, Tôi cũng mới tìm hiểu về Next.js trong thời gian gần đây, nên tôi chỉ giới thiệu những cần căn bản của Next.js mà tôi biết được. Còn những phần Advanced thì các bạn có thể tìm hiểu thêm ở dưới đây.

  • https://learnnextjs.com/basics/getting-started
  • https://github.com/zeit/next.js/
  • https://www.codementor.io/tgreco/5-of-the-many-things-to-love-about-zeit-s-next-js-bpszu99g1

1. UNIVERSAL JAVASCRIPT Là Gì ?

Nếu bạn chưa biết về Universal Javascript App thì nó là ứng dụng web được viết bằng javascript, chạy được cả server và client side (Browser) chung một mã nguồn. Tất nhiên có một số chỉ cần chạy phía browser như các hiệu ứng chuyển trang, animations các thứ, hoặc có sử dụng local storage của browser, còn một số mã nguồn liên quan đến lớp xử lý (logic) hoặc các hoạt động đặc thù của server như phiên làm việc (session), xác thực (authentication). Bạn có thể đọc thêm ví dụ ở đây

2. NEXT.JS Là Gì ?

Next.js là một framework được xây dựng từ React, Babel và Wepack, nó được tạo ra để giúp các devs tạo React App có tính năng SSR (Server Side Render),** code spliting, Simple client-side routing** và nhiều tính năng cools khác. Khi chưa biết về sự tồn tại của NextJS tôi thường dùng create-react-app của Facebook để init source code, sau khi init ứng dụng bằng create-react-app thì tôi phải config thêm SSR nếu tôi muốn apply SSR. Nói chung create-react-app rất tuyệt vời nhưng tôi lại chọn Next.js             </div>
            
            <div class=

0