Best Framework for Web Development - The Bitter Truth 😒

Summary

The video script offers guidance on selecting the right technology for building modern websites. It emphasizes simplicity for static sites, recommending tools like Wix, while advocating for React or Next.js for interactive, SaaS-oriented projects. For complex backends, it suggests using CMS like AppWrite, Strapi, or Sanity to avoid custom code pitfalls. The script also covers various tech stacks, advising on their appropriate use cases, from PHP for simple forms to Python's FastAPI for granular control, and touches on hosting solutions like xCloud. It concludes with insights on when to use WordPress, and thoughts on frameworks like Vue.js, Angular, and ASP.NET, advocating for React and Next.js as preferred choices for most modern applications.

Takeaways

• 😀 For simple static websites, consider using Wix or other online website builders.
• 🛠️ If building a complex or SaaS product, avoid simple builders and opt for technologies like React or Next.js for better interactivity.
• 💾 For complex backends with various data storage needs, consider using backend-as-a-service platforms like AppWrite, or CMS like Strapi and Sanity.
• 🔑 If you require granular control over your website's backend, use MongoDB and Express.
• 📚 For database-intensive applications with less frequent database interaction, AppWrite can be a good fit.
• 🧐 Be cautious with npm packages, as they can sometimes contain poor code or become deprecated.
• 🌐 If your website is primarily for blogging and content creation, WordPress is recommended with a focus on quality themes and plugins.
• 🤖 For incorporating AI and ML, Python with frameworks like FastAPI, Django, or Flask is suggested depending on the level of database interaction required.
• 🚀 For a fast user experience with minimal page reloads, React and Next.js are recommended.
• ⚙️ If you prefer not to manage backend development, backend-as-a-service options like AppWrite, Strapi, and Sanity.io can simplify the process.
• 🔄 When choosing a technology stack, consider the complexity of your project, the need for database control, and the desired user experience.

Q & A

What is the main advice for choosing the right technology for a new website?

The main advice is to select the simplest technology that fits your use case. For a static website, online builders like Wix can be used, but for more complex websites, specialized technologies are required.

What is the significance of using React or Next.js for a website?

React or Next.js are recommended for websites that require a good user experience and interactivity, as they enhance the dynamic aspects of the site.

Why might AppWrite be a suitable choice for a website's backend?

AppWrite is a backend as a service that can be used when you need to maintain a complex backend with different tables in the database for storing user, customer, and admin data without having to write backend code from scratch.

What is the advantage of using a CMS like Strapi, Sanity, or AppWrite?

The advantage of using such CMS is that you don't need to write backend code, reducing the risk of writing bad code that could negatively impact your business in the future.

Why might a developer choose MongoDB and Express for their website?

Developers might choose MongoDB and Express if they want granular control over their website, especially when using Next.js and need to handle database operations directly.

What is the recommendation regarding the use of NPM packages with Express or Next.js?

It is recommended to be very careful with the NPM packages used, as poorly written or deprecated packages can negatively affect the functionality and performance of the website.

When is it appropriate to use PHP for a website?

PHP is appropriate when creating a website with a form as the only backend requirement, especially if the rest of the site is static or made with tools like Bootstrap, Tailwind, or CSS.

What are the primary considerations when choosing between Python options like FastAPI, Django, and Flask for a website?

The choice depends on the need for granular control, ease of database connection through ORM, and the intensity of database operations or data processing requirements.

Why is Next.js recommended for improving user experience and page load speed?

Next.js is recommended because it simplifies React development, making it easier to create fast-loading pages with good interactivity without the need for frequent page reloads.

What is the stance on using WordPress for a website?

WordPress is recommended for creating blogs or websites focused on content generation, especially when ease of use and a plethora of plugins are beneficial.

What are the considerations for using Vue.js, Angular, or ASP.NET for a new project?

The choice depends on the specific requirements of the project, existing organizational preferences, and the complexity of the application. However, the market preference and ease of use are generally leaning towards React and Next.js.

Why might Django REST framework be a suitable choice for creating APIs?

Django REST framework is suitable for creating Python APIs, especially when the project involves data science and machine learning, and requires CRUD operations with good documentation and syntax similar to Django.

What is the current perspective on using Ruby on Rails for new applications?

Ruby on Rails is still appreciated and updated frequently, but it is considered to be lagging behind in comparison to React, Next.js, and even Angular in terms of popularity and usage for new applications.

Outlines

00:00

🌐 Choosing the Right Web Development Technology

This paragraph discusses the selection of web development technologies based on the complexity and purpose of the website. For simple, static business websites, online builders like Wix are recommended. However, for more complex or product-oriented websites, especially SaaS, using frameworks like React or Next.js is advised for better interactivity. The importance of a good user experience and backend maintenance using services like AppWrite or CMS platforms like Strapi and Sanity is highlighted. The paragraph also touches on the use of MongoDB and Express for granular control and the caution required when using npm packages due to potential issues with deprecated or poorly written code.

05:02

🛠️ Exploring Backend and Frontend Technologies

The second paragraph delves into various backend and frontend technologies, offering guidance on when to use each. It starts with discussing the use of PHP for simple websites with forms and static content, mentioning xCloud as a recommended hosting service with a focus on WordPress. The paragraph then explores Python's role in AI and ML projects, recommending FastAPI for granular control and Django for ORM-based database interactions. It also covers the use of Next.js with React for improved user experience and page load speed, and the option of backend-as-a-service platforms like AppWrite, elacloud, Strapi, and Sanity.io. The discussion extends to the use of WordPress for blogging and content creation, and touches on the use of Vue.js, Angular, and ASP.NET, with a preference towards React and Next.js due to market trends and ease of use.

10:02

🚀 Advanced Frameworks and Final Recommendations

The final paragraph provides insights into advanced frameworks and technologies, including Django REST framework for Python APIs, especially when integrating data science and machine learning. It also mentions Ruby on Rails, acknowledging its updates and community appreciation but noting its relative decline in popularity compared to React, Next.js, and Angular. The paragraph emphasizes the importance of choosing the right technology based on the project's complexity and specific requirements, and invites viewers to share their thoughts on the best programming languages or frameworks for different types of web applications. It concludes by thanking the audience for watching and expressing a desire to learn from their feedback.

Keywords

💡Website

A website is a collection of related web pages, including multimedia content, typically identified with a common domain name and published on at least one web server. In the script, the creation of a website is the central theme, with discussions on choosing the right technology based on the complexity and purpose of the website.

💡Wix

Wix is an online website builder that allows users to create HTML5 websites and mobile sites through the use of online drag and drop tools. The script mentions Wix as a suitable option for creating simple, static websites for businesses that primarily need an online presence.

💡SaaS

SaaS stands for Software as a Service, a software licensing and delivery model in which software is provided on a subscription basis over the internet. The video script suggests that if the website is a SaaS product, using simple builders like Wix is not appropriate due to the need for more complex features.

💡React

React is an open-source JavaScript library used for building user interfaces, particularly single-page applications. It is mentioned in the script as a technology to consider for websites requiring interactivity and a good user experience.

💡Next.js

Next.js is a JavaScript framework for building user interfaces and web applications with React. It is highlighted in the script as a modern framework that simplifies the process of writing React applications and provides server actions through APIs.

💡Backend

In the context of the script, a backend refers to the server-side of a website, which includes the database, application logic, and server. The script discusses the need for a backend when dealing with complex websites that require storing and managing data.

💡CMS

CMS stands for Content Management System, a software application or a set of related programs that are used to create and manage digital content. The script mentions CMS options like AppWrite, Strapi, and Sanity as alternatives to writing backend code, especially useful for those without backend expertise.

💡MongoDB

MongoDB is a document-oriented NoSQL database designed for high volume data storage and retrieval. The script suggests using MongoDB for websites that require granular control over the database and are database-intensive.

💡Express

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. It is mentioned in the script as a part of the technology stack for websites that need direct database integration and granular control.

💡NPM Packages

NPM stands for Node Package Manager, a package manager for the JavaScript programming language, and is the default package manager for the JavaScript runtime environment Node.js. The script warns about the potential issues with NPM packages, such as poor code quality and deprecation, which can affect the stability of a website.

💡WordPress

WordPress is a free and open-source content management system written in PHP and used on the LAMP (Linux, Apache, MySQL, PHP) stack. The script recommends WordPress for creating blogs and content-focused websites, emphasizing its ease of use and extensive plugin ecosystem.

💡Vue.js

Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. The script mentions Vue.js as a great framework but suggests that React and Next.js are more aligned with market preferences and ease of use.

💡Angular

Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google. The script acknowledges Angular as a constantly evolving and great framework but suggests that it may not be the first choice for new projects due to market preference for React and Next.js.

💡ASP.NET

ASP.NET is a web application framework designed for web development to produce dynamic web sites, applications and services. The script suggests that while ASP.NET was once considered modern for web applications, it may not be recommended for new projects unless there is a specific reason to use it, such as existing infrastructure on Windows-based systems.

💡Django REST framework

Django REST framework is a powerful and flexible toolkit for building Web APIs in Django, a high-level Python Web framework. The script recommends it for creating Python APIs, especially when integrating data science and machine learning capabilities into existing systems.

💡Ruby on Rails

Ruby on Rails, or simply Rails, is a server-side web application framework written in Ruby that follows the model–view–controller (MVC) framework. The script acknowledges its past popularity but notes that it has somewhat fallen behind in comparison to React, Next.js, and even Angular in terms of current usage and preference.

Highlights

Select the simplest technology for your use case when making a website.

Use Wix or an online website builder for static business websites.

Avoid Wix for complex websites requiring advanced features.

Consider whether the website is your product, especially for SaaS offerings.

For interactive websites, use React or Next.js to enhance user experience.

AppWrite is a backend as a service for managing complex backends and databases.

CMS like Strapi and Sanity eliminate the need for backend code writing.

Use MongoDB and Express for granular control over your website's database.

Next.js provides server actions through APIs for a seamless development experience.

Be cautious with npm packages due to potential bad code and deprecation.

PHP is suitable for websites with forms and static content using frameworks like Bootstrap or Tailwind.

xCloud offers $0 starting hosting with features optimized for WordPress.

For websites incorporating AI and ML, Python with FastAPI or Django is recommended.

Django is preferable for data-intensive applications due to its ORM capabilities.

Flask is a good choice if specific packages are available for your use case.

Next.js simplifies React development and is recommended for better user experience and fast page load.

AppWrite and other backend as a service options can handle backend responsibilities without custom code.

WordPress is ideal for blogging and content creation, with a wealth of plugins and themes available.

Vue.js and Angular have their merits but are less preferred in the current market trend favoring React.

ASP.NET is suitable for Windows-based systems but is not recommended for most modern applications.

Django REST framework is excellent for creating Python APIs, especially for data science and machine learning integration.

Ruby on Rails, while appreciated, is lagging behind in comparison to React and other modern frameworks.

Transcripts

Guys, if you are thinking of making a website in the modern era,

then today I will tell you which technology you should use

and on what basis you should shortlist the technology for your next website.

So I will tell you that you have to select the simplest technology for your use case.

For example, if you are making a static website for your business,

then you can use Wix, you can use an online website builder

as long as your work is only to take your business online, to make an online website builder as long as your work is to make your business online.

But the technique I told you is only applicable when you want to make a simple website.

If you want to make a complicated website, then you can't use Wix or any online builder.

Because you need the same features for your website.

So the thumb rule is that is your website your product?

If you are making a SaaS through your website,

Meaning software as a service, then you can't do this thing.

You can't use builders etc.

Then you need a good user experience.

For that, you will use react or next.js because it brings interactivity to your website.

Sometimes you will have to make very complex backends.

You have to make different tables in the database.

Suppose you have to store user data,

You have to store the data of your customer,

You have to store the data of the admin.

If you have to do all these things separately,

Then you will have to maintain a backend.

Which will store the data in the database.

In this case, you can use AppWrite.

Which is a backend as a service.

Or you can also use CMS like Strapi, Sanity

The advantage of using such CMS is that

You don't need to write a backend code at all

And if you don't have expertise

There is a good chance that you will write a bad code

Which will ruin your business in the future

So better use CMS like AppWrite, Sanity and Strapi

But if for some reason you want granular control on your website,

then you have to use MongoDB and Express.

If you are using Next.js,

then you need to use React and Express separately.

Next.js is inbuilt.

It provides you with things like server actions through APIs

which you can read through my course.

But in general, I just want to tell you that if you are making a product that is dependent on your website.

Basically, you are selling technology.

Then you will use React's Next.js.

And if your website is very database intensive and you need granular control of the database.

Then you will not use the app write.

But you can use the database directly.

You can integrate a database like MongoDB seamlessly with your website.

If you want granular control chain data.

If you don't know how much data you will use in the future.

If you are using tons of data and storing it.

Then you will have to install a separate database.

Which has very low workload.

You don't have to do much database intensive task

App write should be good to go.

Now if you are using express or next.js

Then you will use npm packages

And you should be very careful with the npm packages you are using

The reason for that I tell you that sometimes npm packages are written very badly

That is, there is bad code in it and they get deprecated

And sometimes they stops working.

In this case, you have to be very careful with your NPM packages.

Because if a bad NPM package is coming in your good code, you don't want that.

Now I will list some stacks and tell you when to use them and when not to use them.

Now I will tell you when to use PHP.

If you are making a website in which you have a form

and this is the only thing you have to use in the backend

that is, you have to send the data to the database

through a form and the rest your website is completely static

or made through bootstrap, tailwind, CSS

then you can use PHP

because first of all, you get PHP pre-installed

on almost all the web hostings

and along with that you get to you get to easily code in single file

Simply drag and drop your files and your website gets hosted

Talking about hosting, I want to talk about xCloud

Which is an amazing hosting

And you can get it at a discounted price

Through the link given in the description

So before moving forward in the video, I will tell you a little more about xHost

Let's go to the computer screen

So guys, the biggest feature of using Xhost is that

you get to start with $0.

Meaning if you already have a server,

then you can unlock its initial features free of cost.

If you are making your website on WordPress,

then this is the best hosting out there.

Because it has a lot of WordPress-focused features.

Like optimized deployment, easy migration, Easy Migration, One Click Backup

You get SSL Management

So that you get to see HTTPS

Whatever you host on your website

Their documentation is very amazing

You get to see a lot of quick start guides

So that you can easily get the answer to your question

xCloud has partnered with Walter

So that you get free hosting for 6 months

Unlimited sites

For more information, you can use the link given in the description

And you can sign up on xcloud.host

Now let's move back to our topic

Now if you are using a little bit of AI and ML

Then I will tell you to use python to make your website

There are three options primarily

Task, Django and fast API.

I will recommend fast API if you want to take granular control of your application.

But if you want to use ORM which makes it easy to connect you to the database.

Then you will use Django.

If you find yourself hitting the database many times.

The operations are going on in the database.

Sometimes you are saving the user, sometimes you are editing, sometimes you are deleting something.

When all these things are very much yours and your application is data intensive,

It is doing some kind of data processing or using machine learning API,

Then you will use Django while staying in Python.

Because Django has a very good ORM.

Otherwise, I recommend fast API.

Python flask is also a very good choice if you have a good reason to use it.

For example, if a particular package of flask is available for your use case,

then don't hesitate at all, you can use flask.

Now, if you want a better user experience and you want the page load to be fast in your application,

then you go towards react and next.js.

So, I will recommend next.js to you guys to use react. Next.js so next.js I will recommend to you to use react

next.js is a react framework

there is no big rocket science in learning next.js

you can use next.js after learning react

and you will know

writing react is so simple with the help of next.js

now if you don't want to write backend

then as I told you

you can use backend as a service like appwrite

appwrite will do the heavy lifting of your backend.

Just write frontend.

With the help of next.js in react,

It is very convenient to connect to appwrite and make your application.

If you want to give a good user experience,

If you want to give good interactivity,

If you want your page not to load again and again,

When you are serving any data to the user,

Or anything is getting interactive in the application,

You want to load it quickly,

Here the chat message is coming, Here the notification is coming without in the application You want to load it quickly, if there is a chat message coming here

If there is a notification coming here without loading the page

For that we mainly use react

Next.js is a modern framework of react

I will recommend you to use next.js

If you don't want to have a lot of granular control in the backend

I recommend appright, elacloud

Then we have strapi, sanity.io

These are all our backend as a service.

CMS is one of them, you can take them in your use.

In general, your backend is taken in your responsibility.

You don't need to write your backend from scratch.

Simply, by using their APIs and packages, you can store your data on their cloud.

Now let's talk about WordPress. Should we use WordPress?

I would say that you talk about WordPress. Should we use WordPress? I would say yes, if your main job is to create a blog,

if your main job is to generate blogging income,

then make a blog using WordPress.

Don't use Elementor in small steps,

don't read in any framework, be it Flask, Django, React, Next,

throw everything aside and focus on your primary goal which is your content.

Because you are coming to the market to write content.

Install WordPress

Make a blog

Put a good theme

Give your website a good look and feel

Tons of tutorials are available

Text tutorials

Video tutorials

You can make your website by watching them

And I will say don't think about using WordPress only

If you want to make a blog

Because plugins are very good

Yes, plugin bloat happens sometimes

There are pros and cons of WordPress

I have made a video on it too

You can also watch that too.

Why would you use a sledgehammer to kill a mosquito?

If your work is content and you want to earn money from blogs,

then you guys use WordPress.

Now I would like to talk about some other technologies.

Should you also use technologies or not?

First of all, Vue.js and Angular.

Angular is a TypeScript-based framework.

I personally will never use it.

I mean, I will not do it in the near future.

I don't know what we will do in the future.

But I like React with Next.js better than Vue.js and Angular.

But if you have a good reason to use Vue or Angular.

For example, if your organization has apps made in Vue or Angular.

Then you don't have to tell me this.

It won't make any difference.

I will tell you to do Next.js and React.

Vue.js is a great framework.

Angular is also a very good framework. It is a constantly evolving framework. We have to worry about it. I will tell you to do Next.js and React. Vue.js is a great framework. Angular is also a great framework.

It is a constantly evolving framework.

We have to accept this.

But the preference of the market and the ease of use is going towards React.

So if you don't have any reason to use Angular and Vue,

then don't go towards Angular and Vue.

Now I will talk about ASP.NET.

Earlier, many apps were made in ASP.NET.

Mostly web applications were considered modern to make using ASP.NET. Mostly web applications were considered modern by using ASP.NET.

But I won't recommend it today.

But if you are using Windows based systems like Azure cloud.

Or if you are using Windows based hosting primarily.

Then I would say you can use ASP.NET.

Otherwise I don't think you should use ASP.NET for modern applications.

Until and unless you have a good reason to do it. Because if it is being used in your organization then you will use ASP.NET for modern applications. Until and unless you have a good reason to do so.

Because if it's being used in your organization,

then you will definitely use ASP.NET.

Now I'll talk about Django REST framework.

If you want to make Python APIs,

and you want to make APIs that use data science and machine learning through APIs in your existing system,

then you can use Django REST framework.

It's basically used to make CRUD APIs.

And you write syntax like Django in it.

It is a very amazing framework.

Its documentation is very good.

You can check it out.

And if you are using technology like ASP,

technology like Angular view,

and you want to use Python's data science,

machine learning power,

then it is a very good choice to make APIs for you.

Django REST framework.

But again, there should be some complexity in your project.

That's why I recommend this to you.

Otherwise, you don't need to do anything small.

If you want to get an average of 4 numbers,

obviously, there won't be any Django REST API.

Last but not the least, Ruby on Rails.

It was considered a good framework.

People appreciate it even today.

It's constantly getting updated.

If you open its website,

you'll see updates very are coming very fast.

From security updates to

user preference updates,

they keep giving. But somewhere

this technology is lagging behind in comparison

to React, Next.js, even Angular

is being used more

in comparison to Ruby on Rails.

And primarily, you'll use Ruby language

if you make your app in Ruby on Rails.

So, somewhere the structure of the file and the development of the prototype is very fast.

But if you ask me, I will not use it unless I have a good reason to use it.

So that was about some of the technologies that you should use for which project.

And what you should not use for which project.

I hope you got a good idea of this thing

If you liked the video, then do tell me in the comment section

What are your thoughts about this

Which programming language or framework should be used

To make a particular web application

Do give me your thoughts

I also get a lot to learn from you guys

That's it for now guys Thank you so much guys for watching this video and i will see you next time