NextJS

Introduction

• A React Framework that setting up the rules for us

Server-Side Rendering

• Initially, Client Side rendering are used by react, A html file with root element will be generated by browser and link with javascript files, after javascript files are downloaded by browser, the page will be loaded corrected in browser

• However, since html file is empty, it will be not searched by search engine , but also show a blank page at the beginning. Some webpage is important that to be searched in engine, such as personal website

React

NextJS

Dynamic Routing

• For React, we need add the routes in code one by one, so that the url can be read and turned into corresponding view without sending request to the server

• For NextJS, we can set up the route automatically by the name of file and folder which is similar with the traditional html way

• Each page will have their own html page, but the routing is by client-side, load javascript file instead of html file

Full Stack Coding

• We can code to access data directly from database