Okay, so now let's start talking about the key elements of the front end of a professional LM application.
We have been talking about this before.
A like most artificial intelligence related tools, our orchestration frameworks and chain and lambda
index were initially written in Python.
On the other hand, most tools related to web applications are written in JavaScript.
And as a result of this reality, both Lang Chen and Lama Index have been translated into JavaScript
to make it easier to create web applications with them.
So if you remember, traditional artificial intelligence is based on Python.
And Lan, Chen and Mendes, as they have been built by traditional machine learning engineers, so they
are used to Python.
So Python was their original language, but the moment they.
Went to the market, they realized that the wall of full stack applications is full of JavaScript engineers,
because this is how traditional web applications are built.
JavaScript in the front and in the back.
That's why long chain and Lambda index translated their initially Python version to a JavaScript version.
So now we have both of them.
Okay.
In the llama index and a long chain websites, you will see that the JavaScript version of the platform,
the framework is referred as the TypeScript version.
Why is that?
TypeScript is a way of writing JavaScript a bit more structure than pure JavaScript.
This variant.
TypeScript is used in many modern web applications and has been adopted by long chain and Lambda I index
for the JavaScript version.
So when you see when you read, when you hear the TypeScript version of lambda index or lang or lang
chain, this means the JavaScript version, okay.
The most popular solution for creating a web applications front end is Next.js.
I know Next.js with the Vercel.
So what is Next.js?
Next.js is a framework based on react, which in turn is based on JavaScript.
So probably most of you are familiar with react if you come from the web application development world
and are also familiar with JavaScript.
So next year is just a.
Flavor of react.
You can think of it like that.
And for the ones that are not familiar with react and JavaScript, I'm just telling you Next.js is a
framework that is built on the JavaScript language, and it is used to build front end a front, the
front end, part of a full stack application.
And Vercel is a hosting service created by the creators of Next.js and specifically designed to host
applications of this framework.
So the creators of Next.js were using react, and they realized that, okay, so we can improve this,
we are going to build a new version of react, and we are going to call it Next.js, and we are going
to build this version of react.
Just with web applications in mind.
And since we have built this special kind of react, now we are going to build a special kind of hosting
service just for this kind of web applications.
This was many years ago.
From then, Next.js has become the popular, I would say, the de facto standard in the in the front
end area of web application.
And Vercel right now is almost the de facto standard in the hosting area.
So these are the the most popular elements we are going to find in the front end, uh, part of the
LM professional applications.
So long chain and lambda index a web applications usually use.
In the front end.
Next.
Next is Marcel.
And in the back end fast API, which is based on Python.
And usually the server is going to be rendered or a another one render for the medium sized websites
and we can use another ones.
For the biggest one we are going to use render because it's I think it's going to be easier and better
for this program.
Then in the back end we will use a vector database and other elements like for example, the cloud hosting
service of Amazon Web Services, S3, etc., etc..
Okay, so how to learn these two key elements Next.js and Vercel the best way and.
Again, our recommendation is do as software engineers and artificial intelligence engineers do.
If we teach you one technique, this technique is going to be obsolete in three, six, one month.
If we teach you a way of working, this is going to be with you forever.
So this is what we are teaching you in this program how to work as an artificial intelligence engineer.
So what is the best way of learning Nextjs.
You go to the website of Nextjs and you go to their Quick Start tutorial.
This is the URL where you are going to find it because the the previous URL that we are included in
the in the notebook I think is is is not working.
They have changed the URL.
So the current URL as of today is nextjs.org/learn/react hyphen foundations.
Okay so here you will find the a quick tutorial to learn Next.js.
It's very interesting because they tell you about react.
You know how they develop.
Next.
What is the relationship with JavaScript.
It's very easy, very quick to learn about Next.js.
So once you are here you are going to learn how to develop a Next.js application.
Very easy.
And once you do that, you will be able to deploy your application to a virtual server.
And here you have in Vercel.
Com slash docs slash getting started with Vercel.
Remember Vercel and next are the same company.
So here you are going to learn how to deploy a Next.js application into Vercel.
This is going to do to to be free.
Don't worry about the cost of both things okay.
So Vercel has a free plan.
That is the plan we are going to use.
Then they have, you know, paid plans, but don't worry about them now.
So these are the two, uh, main places for you to continue this lesson.
Go to the tutorial of next year, and when you finish it, go to the tutorial of Vercel.
This is going to be easy and fast for you.
You also have the Nextjs main documentation page.
This in my opinion, is is more recommended later.
Right now, just get familiar with the language, get familiar with the server, and be aware that you
have the documentation page whenever you need it.
So a.
These are the the the best ways to get familiar with next and with every cell in the in the A notebook
you have some notes that can be interesting, but in my opinion best ways are the documentation.
You also have, uh, some code in the GitHub repository, but this is the code.
This is the code you are going to build when you complete these two tutorials.
Okay.
So all this you are going to to see also in the in the tutorial when when you are comfortable with these
two tutorials, then you will be ready to go to the next step which is going to be how to use Llama
Index, one of our orchestration frameworks with this key elements.
Okay, we will see this in the next lesson.