All language subtitles for lesson8

next let's take a look at another

benefit of next.js

now that we know more about different

rendering techniques and performance

let's dive into file based routing

so what exactly is file based routing

next yes has an intuitive file based

routing system

now this image right here is an example

of a nextgs project

every next year's project

create next app which is essentially a

package that nextgs provides to create

next year's applications

every nexgs app consists of a pages

directory it comes with a pages

directory

the minute you create a new file under

the pages directory you automatically

have a route so for example index.js

will route to slash

whereas

api and hello.js will route to slash api

hello

now you don't need to worry about

installing an additional package

something like react router that you

would in create react app now create

react app always needs this additional

setup

you need some sort of a router on top of

create react app for routing to be much

easier

but with nextgs you get this out of the

box

next yes comes with its own opinionated

file based routing system

now this specific pages directory also

has support for dynamic routes as well

and we will take a look at all the

different ways we can create routes

later in the course we have a separate

section dedicated to that

now another advantage of using next

year's routing system is that it also

helps with performance

and you might be wondering how

well if you go to a specific route in

next.js with automatic code splitting

that we took a look at already nextgs is

only going to load that route and

resources needed for that route

and if you share a bunch of code between

routes next yes also abstract that out

into chunks that we already saw as well

so this file based routing system is

incredibly useful because you don't need

to set up anything from scratch

now nextgs also has the specific api

folder an api folder hosts all the

back-end logic

all the server-side code of our project

now any route that you create inside the

api folder is essentially a server-side

route

now we will take a look at all of that

later in the course but

isn't file based routing system that

next year's provide really cool

it comes out of the box and it's

completely free

all right so now that we learned about

file based routing system next let's

take a look at seo

so

what exactly is seo

it is another popular benefit of next.js

now one of the most popular reasons for

using next.js is seo

and what is seo exactly

seo stands for search engine

optimization

seo is essentially a language for the

bots

now if you configure your web app to

have specific properties such as have

proper titles metadata that becomes the

language

of your web app to communicate to the

bots so that you're making the life of

bots easier to discover your content

so let's take a look at an example

now when you essentially go ahead and

publish your site or you deploy your

site right

then a bot is going to go ahead and

crawl your specific page as it discovers

it

once it crawls your page it's going to

find all the content on that page

then it is going to try and understand

what the specific page is about

and the way it's going to understand is

by making sure that you have a page

title you have a proper description in

your site you have you are basically

using all proper html semantics as well

so that bot can easily understand that

is the language of the bot

just like you and i are communicating in

english

bot uses html syntax to essentially

understand what your page is all about

now once it fully understand what this

specific page is about based on what you

have described in your page it will go

ahead and rank your page on google

compared to all the different sites it

is going to go ahead and then assign a

rank to your specific website

now you definitely want a higher rank

because if your rank is low then on

google people are not going to go ahead

and discover your specific site

you want to make the lives of bot easy

to discover your content and you can do

that by making sure you're following

semantics and many other things

now seo is a really complex topic and we

will learn all about seo later in the

course

nextgs allows you the ability to add a

seo easily to your site without adding

any specific package

next yes provides us with a few

components out of the box just like the

next image component

next js provides us with the next head

component that allows us to update the

title of every single page in an

application as well and it has a lot of

features

and we are just scratching the surface

here

so we will learn

a lot about seo later in the course

but for now

let's take a look at the next benefit of

next.js and that is serverless functions