Turning Your AI Application into a Profitable SaaS Business

If you're a solo developer in 2023, you have the power to build robust AI software startups! Watch this 1-hour video and make an Article Summarizer Application using OpenAI's GPT model.
Ultimate Next.js Course: jsmastery.pro/next14
Want to land your dream programming job in 3 - 6 months?
⭐ JSM Masterclass Experience - jsmastery.pro/masterclass
Become a Software Engineer. Guaranteed.
💻RapidAPI - rapidapi.com/?...
💻RapidAPI Summarizer- rapidapi.com/restyler/api/art...
📚 Materials/References:
GitHub Code (give it a star ⭐): github.com/adrianhajdin/proje...
Assets, Components, Public folders: drive.google.com/file/d/11DLz...
GitHub Gist Code: gist.github.com/adrianhajdin/...
Alongside building this application, you'll also learn how to:
- setup a ReactJS project using Vite
- create a responsive, beautiful UI/UX with a nice touch of glass morphism using Tailwind CSS
- make advanced RTK query API requests that fire on condition
- save history using the local storage
- handle form events and catch errors
- implement copy to clipboard
- write clean code
💻 Join JSM on Discord - / discord
🐦 Follow JSM on Twitter - / jsmasterypro
🖼️ Follow JSM on Instagram - / javascriptmastery
💼 Business Inquiries: [e-mail]
Time Stamps 👇
00:00:00 Intro
00:03:55 Setup
00:12:25 Building the App
00:15:15 Hero Section
00:24:05 Demo
00:32:47 Redux Toolkit Crash Course
00:54:00 Save Articles
00:57:34 Browse URL history
01:00:51 Display Results
01:07:20 Copy to Clipboard
01:09:30 Deployment

[@quantaraum]

hey you're the first ine who actially teaches it from scratch to finish very clearly. i appreciate your work alot, you're helping so many people, this is real value. i would love to see how to add a paywall or donations

[@bls512]

This was a blast to build and I would love it if you did a future episode on launching a SaaS! Big thanks :)

[@zoltanabonyi3307]

Absolutely brilliant. Thanks Adrian. You said to mention turning this into a SAAS business and you would do a video detailing how we could do that. Could you please make that video detailing how we could go about doing just that?

[@hermanadu1778]

Hey Adrian, ANOTHER great tutorial, perfectly explained in your calm, relaxed, experienced style. Loving your work. Please turn this Into a SaaS Business, for the greater good. Massive respect👏👏

[@jmhventure1062]

Thank you for the amazing tutorial. It is super smooth to follow even for beginner like me. Please do the continuation for the SAAS tutorial. Again thanks for the effort.

[@richardmasters2045]

The way that you explain every detail and how to debug during the process is an excellent way to learn to code. You're an amazing teacher you're changing people's lives 🎉

[@javascriptmastery]

Thank you so much! 😊

[@user-zb9ub5nd1z]

Hi Adrian. Thanks to God you are doing this. In your other video of the music app, I was so mad because I desperately needed to understand APIs but you didnt explain it that well like you have done here. This is perfect and it makes me want to pay for your courses on your website because now I'm sure you explain stuff really well.

[@ChukumelaWilson]

Amazing as always. A million thanks. Please, if you have the time, teach us how to turn this into a SASS. Thank you again.

[@Story_Arc782]

Best way to spend your 1 hour , much appreciated 💛

[@ProfoundKnowledge]

I still can't believe why all of ur contents are free, tks so much!!!

[@shahariarhossainremon6500]

I always wanted this on KZbin, you made it possible. One thing I want is signin & signup option and payment plans for this kind of AI apps, and then it will be 100% complete. Thanks for your efforts.

[@javascriptmastery]

Thank you!

[@marcoram87]

Loving your content and this is no exception! Hoping you put together a "How to monetize" walkthrough! This is definitely helping me with my goals! Thank you!

[@hahnsangkim5935]

This is a very helpful teaching video. It's awesome! Thank you so much for sharing it. I hope you consider creating a course that includes a payment system.

[@kashandro7368]

@Adrian Brilliant! as usual. You're not tired to deliver. 👏

[@javascriptmastery]

Never! :)

[@felixogero2354]

This is amazing I learned a lot. Thank you JSM.

[@javascriptmastery]

Thank you!

[@UmerKhokhar-vd3nm]

Another excellent project course by the amazing teacher Adam!😍😍

[@javascriptmastery]

Where did you read Adam? 😅

[@chukwudiofoma6665]

Please, could you make this into a SaaS project. This could be very helpful tool for my colleagues who have to digest lots of articles in different communications courses.

[@soulmanifestation150]

Thank for this, I really appreciated the course

[@bluestorm1898]

As always another great content. Thank you very much 🙌

[@synthwave8548]

You can add a copy icon to copy the summary as well by introducing new hook constants like the one's in the handle copy function, just remember to change the onclick function to your new function and to fetch the article.summary

[@javascriptmastery]

Cool idea!

[@PhoneyPatjordan]

Thank you very much for this tutorial, FOR FREE. Earned another subscriber!

[@kunalgola8295]

This tutorial was amazing and Yes we would like to have a payment integration and a length limit option or a way for people to buy their number of summary Also we can implement signin & signup option and payment plans for this kind of AI apps, and then it will be 100% complete. Thanks for your efforts.🤑

[@jacobwwarner]

I couldn't select the input field without removing the CSS line `pointer-events: none;` It was a little confusing why that was there. Also, there seem to be a lot of issues with the API sometimes returning errors and then other times running just fine to process the request. Lastly, the text of the article summaries expands beyond the initial length of the page and I can't scroll down to read all the content. I couldn't figure it out so far. I tried adding the `overflow-y-auto` the containing the article summaries and to main, but neither would work. Overall it was a decent and efficient project video. I would like a more in-depth course on Postman though because it SEEMS to be more popular, although I do like working with RapidAPI. Thanks 👍

[@web3schools942]

Very good! Yes we can see another video with this content as real startup

[@jimcab1853]

Thank you. We'd all love another course on monetizing something like this

[@OnamSharma]

Thanks for this awesome tutorial, now waiting for the one in which you will create a saas website through it

[@olayinka26]

Thank you for this gem of a video! hoping to see a video on how to implent authentication, authorization and payment plans

[@Imesh.Bandara.Dharmasiri]

You are the amazing teacher in youtube ❤❤❤❤❤❤❤

[@nan4602]

Thank you so much for making these video ❤❤❤❤❤❤

[@kareembraimoh222]

This is a very nice project and what I really needed Keep up the good work brother❤️

[@javascriptmastery]

Thank you!

[@augustinetoniadavidson5700]

Amazing; just AMAZING!!! I think we need another of your tutorials on how to create an empty virtual desktop (no icons) Your explanations are so detailed, even someone who turned on a computer for the first time, can follow along.

[@javascriptmastery]

Thank you, great idea!

[@10daysAgo]

​@@javascriptmasterythe application is not running . It is saying invalid api key even though I inserted the correct api key that I got after creating the account in the RapidApi domain

[@socialmedia195]

I love your videos. You're a legend, thank you! ☺

[@shashankkushwaha914]

you are really a MASTER 💪💪

[@fahimahmedsumon624]

❤❤ Thank you for this amazing project

[@alejandro_ao]

Awesome tutorial! Your videos are pure gold. Keep it up!! 🔥

[@javascriptmastery]

Thank you!

[@quintin1561]

Hey I just completed one of your chrome extension tutorials. Nice job!

[@alejandro_ao]

@@quintin1561 hey there! thanks man!! nice to see you around here. keep on coding! 😎

[@rockbelleh6237]

Back to back fabulous contents u r d best much love all the way from Nigeria 😍😍

[@javascriptmastery]

Greetings to Nigeria! :)

[@celestial1point0atd-ov4bl]

Thank you the project man. So inspiring.🔥

[@javascriptmastery]

Appreciate it!

[@NiharGandhi]

Amazing video, one of the best on KZbin. I was thinking for next video can you show how to build a web application for like room bookings, so the GUI looks like Microsoft calendar where one person can book a room like conference room or something for a period of time , so a user and a view part would be there.

[@gamerzchoices]

Well explained tutorial, me as a very beginner have learnt so much things step by step. Great premium content

[@mdzeeshan1636]

Followed tutorial, everything worked well. Finally built and deployed it on netlify, fully Responsive website. Thanks bro, much love💌

[@anuragoasis]

dude!!! share me the link pleaese

[@exploringcrypto6609]

I would love to see more AI builds.

[@hudabakht3094]

Brilliant project! Made it deployed it love it! I'm self learning React and you explain so good! Yes we would like to have a payment integration and a length limit option maybe?

[@sujathareddyp9444]

how to connect API can you explain me

[@keflatspiral4633]

the best teacher i've ever found

[@sonamuhialdeen7866]

Amazing tutorial thank you very much

[@AhmadMaartmesrini]

thank you so much for doing this ❤

[@jagadeeshkj5561]

Ahh, just when I needed a push! Thanks, man.

[@javascriptmastery]

Enjoy!

[@nicolettifps]

Your tutorials are amazing, even me that dont understand english very well, you might create a course explaining more about every tech

[@vivekpatel2421]

This project was incredibly exciting to develop, and I'm thrilled with the outcome! I'd be absolutely delighted if you considered featuring a future episode on launching a Software as a Service (SaaS) product. A massive thank you for the opportunity!

[@javascriptmastery]

Thank you, more to come!

[@programmerslife01]

Soo amazing dude as always you are gifting us such wonderful and very helpful content. THANK YOU THANK YOU THANK YOU SO MUCH!! ❤❤❤

[@javascriptmastery]

Thank you so much!

[@jahmadelic]

definately looking forward to seeing you do your magic and converting the site to a saas app

[@sandamalgamage1242]

This is awesome brother ❤❤. keep it ip. Thank your very much for sharing your time , knowledge and experience with us😇

[@javascriptmastery]

No problem!

[@sourav_kd]

For those who are facing "caught Error: when using a middleware builder function, an array of middleware must be returned", use this: export const store = configureStore({ reducer: { [articleApi.reducerPath]: articleApi.reducer }, middleware: (getDefaultMiddleware) => [ ...getDefaultMiddleware().concat(articleApi.middleware), ], });

[@javascriptmastery]

Thanks for sharing! :)

[@DigitalCreator5]

Great content Andrian, thanks for the video 📸

[@javascriptmastery]

Thank you!

[@roxk6344]

Thank you ad for this , you're amazing

[@javascriptmastery]

You are!

[@samuraitechnologies]

This is another banger tutorial aaand interesting aaand educative as well 😆

[@keithscheldt]

Thank you so much for this!

[@javascriptmastery]

Thank you!

[@spaxxvilejohn9095]

Thank you for this awesome tutorial. I always learn a lot from you

[@javascriptmastery]

I'm happy to hear that!

[@Penbyte]

Great work Brother. Thanks for sharing a wonderful projects and knowledge. It's very helpful to me.

[@javascriptmastery]

Thank you!

[@nguyenphuongduy9746]

Hello Sir, thanks for a lot of free projects you have done to the community, I wonder if you can do some projects using React & Typescript, which I think is very necessary. IF YOU GUYS AGREE WITH ME, PLEASE HIT THE LIKE, THANK YOU SO MUCH. ❤❤❤❤❤❤

[@easilyCoded]

Hi Adrian, thanks for this great content, and ofcourse we want this as a saas... please make it hapeen 😊

[@sang4005]

Thanks Adrian 🙏 we love you so much 😘

[@javascriptmastery]

Thank you!

[@CRELYTICA]

Very keen to see how to turn this into a SASS! Thanks

[@drgonzo5967]

Thank you! This is a great project. I would love to see how I can build and monetize this!

[@MichaelJChoudhury]

Many thanks, Adrian - perfect!!!

[@javascriptmastery]

Thank you so much!

[@foogprety1]

I am in love how to explain, I watch all you video and its very very good. Please do another video to build how doing login and paid to saas startup!

[@javascriptmastery]

Great idea!

[@dealbisac]

Great video, was waiting for the AI App. Thanks for the video :)

[@javascriptmastery]

Appreciate it!

[@aagatsharma5171]

same sir...

[@manipullator]

The Best Course I had Ever Seen

[@javascriptmastery]

Thank you!

[@dannylo5875]

Looking forward to it.

[@qausainmanzoor]

Upgrade this project to next level please. Superb Video 👍 👍

[@javascriptmastery]

Will do!

[@gojosensei7081]

Yess!!! make it a Saas based application !!!!

[@3illanon145]

amazing lesson adrain, please release the Saas base startup for article summarization video

[@javascriptmastery]

Will do!

[@AMS-mt8ns]

Honestly speaking i have'nt find someone expert more than you on Internet due to you i have also improved my mern skills to good level now aiming for junior dev or may be senior moreover iam in my first year of my university Love from Pakistan Hidden fact:My English has also improved:)

[@javascriptmastery]

That's amazing, enjoy!

[@TitanNotFound404]

Thank you brother!

[@javascriptmastery]

No problem! :)

[@agassigroup]

Exactly what we needed!

[@javascriptmastery]

Perfect!

[@AjaySingh-jz8qx]

Bro the thing you have done is called as web scraping Thanks to teach us this amazing skill 😁😁😁😁

[@shortiec9624]

Thanks for this video. You're doing great in providing all of these for your audience. The 'Browse URL history' code block is not working, and the inner divs don't close automatically. Do you have an idea what the problem could be?

[@eddieadnan1]

Yes please upgrade this project for the business

[@aritradas2035]

teach us how to turn this into a saas business please. You are doing a great job

[@martinovlog]

Yes make the saas based startup please!

[@afhimsalah5273]

Great job.thanks

[@gerrard7359]

yes I know if u created a saas based startup web app we would really appreciate it 🤩🥰

[@Mohaahmed45321]

One of Mi Best Lecturer on Javascript❤🎉

[@javascriptmastery]

Appreciate it!

[@shwethalok186]

Bro you are a genius man

[@javascriptmastery]

You are!

[@thecodingcove]

Hi Adrian , yes make it as a saas

[@brightgoldmoses3467]

I love ur tutorial is straight forward, pls sir teach us how to monietize our app. Thank u sir

[@abhishekbasu61]

if youtube was not there we couldn't find genius persons like Andrain.

[@javascriptmastery]

KZbin is great!

[@geoffreyNduati-ch4gq]

Great video and i learnt alot, did you by any chance drop how to make it a saas website and i missed it?? Looking forward to that part of the tutorial

[@CarlosLopez-fl6yf]

thanks, master!

[@AryanRaj-zt6cq]

Thank you for this amazing project. Please make more videos on building SaaS applications with integrating monthly subscription feature. No one is teaching this on ytb and many people want to learn this. Thank You brother......

[@javascriptmastery]

Will do!

[@eshuowoshishen8547]

may I ask what app do you use to make this video? it looks so good.And what 's name of this font in your slides ?

[@kenansmajic1753]

Can I ask, what extension do you use to end a line of code? Which gives recommendations THANKS!

[@pungushe]

Thanks many thanks for the project

[@javascriptmastery]

Appreciate it!

[@howtodothat5495]

Please make a video with payment and Authentication features. Thank you for your great work 👏🏼

[@javascriptmastery]

Will do, thanks!

[@funshot4782]

Yes please build a complete Saas project, with pricing and deploy on hostinger.

[@Hey_Jony01]

Please make a video about how to make a OPUS CLIP style website, that would be freaking amazing to learn too. Thanks for your videos

[@adimishra6950]

great project!!

[@javascriptmastery]

Thanks!

[@billybrightson]

Please like the video. We need more of AI

[@SecretEyeSpot]

Why is it that the latest configuration of Vite, PostCSS, and Tailwinds causes the @apply to break? Or is there an incongruence between the way one would import tailwinds based on these configurations and the way newer versions are processing them?

[@gtigerbeats]

Thank you for this man, now teach us how to turn it Into a SaaS Business

[@DarkenEditz]

Yes wanna want you to make it as a saas model by adding subscription to the application

[@javascriptmastery]

Cool!

[@Smurfis]

I wouldn’t, I’m quite tempted to make this the only free open source model. But only if the creator wishes, if not I’d never host without permission. He still technically owns it, a tutorial doesn’t mean you made it. It means you followed someone’s work and managed the pull off a copy. Hopefully you learn from creating the project, best of luck!😊

[@amerrashed6287]

You can do whatever you want with this project. It's a just a boilerplate. I did this project with qwik js framework. It has everything, out of the box.. auth, prisma db, routing .. so it was easy for me adding auth & subscription. How cool was that !😅