DEV Community

Cover image for How I built my first Open Source project with ChatGPT and Next.js. 10k users in 24 hours 🤯

How I built my first Open Source project with ChatGPT and Next.js. 10k users in 24 hours 🤯

Iuliia Shnai on June 12, 2023

Small intro, I never coded before and it looked super hard to me and 2 months ago I decided why not now.🤷‍♀️ My friends suggested me to start with...
Collapse
 
iskandarreza profile image
Iskandar Reza

"Some of the request I made to ChatGPT were super basic, and now look really clear to me, at those point I asked everything, all stupid questions."

If you only knew what my (and probably many others who call ourselves"IT professionals ") Google queries used to be when I code, and now I'm doing the same thing with ChatGPT lmao

Collapse
 
incrementis profile image
Akin C.

Yes, and sometimes I'll ask Bard a question and then google to see if Bard is telling the truth. I still have "trust issues" with AI when it comes to professional work :).

Collapse
 
iskandarreza profile image
Iskandar Reza

Yes, the public chat versions are not to be trusted completely, especially for things where some guesswork may present itself. I think it's because they set the "temperature" parameter to a figure above 0. It's what gives it that generative AI imagination (or we call them hallucinations if it's supposed to generate non-fiction).

If you send a request to the API endpoint with the temperature set to 0, the model will not try to be so creative. It's pretty decent with code generation as long as the tasks are broken down to smaller steps and you ask it to solve each step individually.

Collapse
 
shnai0 profile image
Iuliia Shnai

That is smart. I did not have any issues though, as I have no idea fully what I am doing:) So ChatGPT was all I had:)

Thread Thread
 
olddutchcap profile image
Onorio Catenacci

That's part of the problem with ChatGPT. If you ask it a question which you know the answer to: "Who was the 16th President of the United States?" and it gives you the wrong answer: "Andrew Jackson" well that's easy to tell that ChatGPT got it wrong. But what about a question you don't know the answer to? Then how do you tell if ChatGPT is correct or not?

Have you seen this news story? A Man Avianca Airline. His Lawyer Used ChatGPT This was a legal professional who should have known better but he trusted ChatGPT when he shouldn't have. ChatGPT can simply make up stuff that simply isn't true. And if you can't tell that it's not true then you can be responsible for peddling falsehoods.

I know the pride of accomplishment of building something and having people use it and I'm sure not trying to rain on your parade. But you need to be aware that ChatGPT has some very real limitations about telling reality from fiction and if you can't sort out what's true and what isn't ChatGPT can't do that for you.

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks for sharing Iskander! Sometimes I feel I am the only one who ask so many basic things there. or like trying to figure out very general stuff.

Collapse
 
lyfewyse profile image
lyfewyse

Hah, python newbie over here. If you only saw my ChatGPT history, you're not alone 😆

Thread Thread
 
shnai0 profile image
Iuliia Shnai

hahahahah love it

Collapse
 
dwn77 profile image
dwn77

Hello! Like many here, I asked my questions to GPT, about codes and others, I was trying to create a facial recognition app, for here at the entrance to my house! At first I found it interesting, many things worked and others didn't, I was trying to solve this and that, and then the question came to me, does gpt understand the functionality of the code now, since its learning was in 2021 for a short period of time and we are in 2023! How did you manage to solve this, when building your code?
My congratulations for the creativity!

Collapse
 
shnai0 profile image
Iuliia Shnai

Hi! Actually a good point.

I face couple of problems like that.

When I install smth of new version but code was for older version as written with ChatGPT.

I than solve it installing previous version.

Which is not great.

But alternatively need to check the installation online.

Also I wanna start now with GitHub copilot , maybe it gives more fresh recommendations. Do u know?

Collapse
 
dwn77 profile image
dwn77

Hey! You're right, installing a previous version is a "good way out and option to consider!" if it does not conflict with other, more current applications.
I've been looking today for tutorials that help me solve things like that in a more practical way, and from what I've noticed, many opt for virtual machines to solve this! in own dev.to found something, about it! Take a look, maybe this will help you too!
dev.to/victorosilva/setup-ubuntu-f...

Regarding github co-pilot, I have nothing to tell you, I'm walking that road too! If you get something great, I appreciate it if you can share it with me!

Collapse
 
tleperou profile image
Thomas Lepérou

Beneficial to your learning process, I'll invite you to deepen your reading of customising Tailwind. Interesting and essential topic I think.

👉 tailwindcss.com/docs/customizing-c...

Pretty funny way to get into that field. Inspiring!

Collapse
 
shnai0 profile image
Iuliia Shnai

Nice!
Is this one will let me have more custom colors?

I used everywhere bg-blue-600 ( I mean couple of numbers of this one blue) and black and white.
Also in other project i used slate.

Collapse
 
tleperou profile image
Thomas Lepérou

Correct. By customising Tailwind at the build level, you open your project to infinite possibilities

🚀

Thread Thread
 
shnai0 profile image
Iuliia Shnai

I need to advise with my coding assistant about "build level meaning and details:))) But cool I will try to use these custom colors for new project.

Thanks Thomas.

Thread Thread
 
shnai0 profile image
Iuliia Shnai

Oh I get it about color now.
Actually the results it gives did. not work.

I did not manage to set at the end custom colors. Now looked at the screenshot in the article and understand that don’t remember it even:)

Collapse
 
codingjlu profile image
codingjlu

The progress in 2 months is absolutely insane. 🚀

Collapse
 
shnai0 profile image
Iuliia Shnai

This one was build in 1 week. 🤩

But of course the last 2 months I am kind of figuring out still how to code and build similar projects :)

Collapse
 
codingjlu profile image
codingjlu

Best of luck!

Thread Thread
 
shnai0 profile image
Iuliia Shnai

Thanks so much! I will share it goes:)

Collapse
 
sauraodalvi profile image
Saurao Dalvi

Did you read or watching something specific like some good resources you would like to share?

Thread Thread
 
shnai0 profile image
Iuliia Shnai

Actually main resource was ChatGPT 4 which I asked all questions while figuring out the code.

I did not actually watch tutorials. It gives me all, installation, suggestions on how to push and resolve issues.

Collapse
 
pixelpowerweb profile image
Jeremy Blanchard

Agreed!

Collapse
 
annetawamono profile image
Anneta Wamono

Thanks for sharing and I really appreciate how you explained your thought process when learning from ChatGPT. Recently I asked it to help me with frontend testing with Python and Selenium (both I'm unfamiliar with) and within 30 minutes I had program running. There is something very empowering about starting from 0 knowledge to having enough to actually build something.

Collapse
 
shnai0 profile image
Iuliia Shnai • Edited

Annette agree 100%

What I think is important it can help to really learn faster as you use real project here as a learning.

Not online course. And just in place trying to figure out the things

Yes you know 0 first but if you persistent can learn the things much faster.

Collapse
 
sasidhar_gadepalli profile image
sasidhar Gadepalli

Very interesting article, thanks for sharing. Btw, where did you get all the memes/Gifs from ?

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks for support.

Giphy of course, but I am customizing them there:)

Collapse
 
pixelpowerweb profile image
Jeremy Blanchard • Edited

The only stupid questions are the ones not asked. If it helped you figure something out (albeit basic) then I think it's good to ask questions. Congrats on your project! Super exciting stuff! Fascinating read 🤘

Also, makes me want to be more involved in open source projects! Must be very satisfying 😊

Collapse
 
shnai0 profile image
Iuliia Shnai

Very satisfying! 100%

Thank you for feedback Jeremy! Definitely lets build more in Open Source space.

Collapse
 
aqsa81 profile image
Aqsa81

Congratulations on successfully building your first Open Source project with ChatGPT and Next.js! It's impressive to see how you attracted 10k users in just 24 hours. Your blog post provides valuable insights into your journey and the challenges you faced. Keep up the great work, and I look forward to seeing your future projects!

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks:)

There is no clear idea how it attracted so many users.

I launched after other projects and they did not. So vitality is a mystery.

Collapse
 
maurerkrisztian profile image
Krisztián Maurer

Congrats! Thanks for sharing

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks Krisztian!
Making my first steps:)

Collapse
 
adityasbook profile image
adityasbook

Thank you, @shnai0! You are truly an inspiration to me. You provide clear guidance on how to start and what to do. Please keep posting—I'll be sure to follow you. :)

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks for support!
I will continue posting:)

Collapse
 
biagruot profile image
Biagio Ruotolo

Nice job!
I'm wondering how much are you spending in OpenAI APIs and how do you think to monetize it to have at least a return :)

Collapse
 
shnai0 profile image
Iuliia Shnai

Around 1$ per day - it is 1000 generations.

I actually have no idea, I feel like to make payment getaway does not worth it, so not enough value with product in it state.

It can be a good side project to attract more traffic to main business related to social, which I dont have. So no idea yet:))

Any thoughts?

Collapse
 
oferlis profile image
Ofer Lis

What an amazing progress! well done!

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks Ofer!

Collapse
 
bennycode profile image
Benny Code

I very much like the outcome of it. Thanks for sharing your micro-project with us. ❤️

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks for support Benny!

Collapse
 
shaichikorel profile image
Shai

Great ! Thanks for sharing

Collapse
 
shnai0 profile image
Iuliia Shnai

🤩

Collapse
 
derlin profile image
Lucy Linder

This is great, and congrats!

But am I the only developer here feeling upset about this?

I mean, you spend years working on your skills, you make open source projects on your spare time and try to craft good articles on your own to get maybe 23 stars on github and 5 reactions on dev.to. And then you see posts like this (awesome, don't get me wrong), 2k+ stars and everyone excited.

I don't like using GPT, as I have no satisfaction whatsoever on the results when most of the work is not mine. But I guess it is my problem, and I need to start looking for new hobbies, because obviously I can't compete with that anymore. It saddens me, but I really want to give up.

I hope that what is such a bad thing for me will at least be a good thing for the society at large.

Anyhow, congrats again, and sorry for my rumblings.

Collapse
 
iskandarreza profile image
Iskandar Reza

Yeah I was skeptical with GPT when it first came out last year. I've been coding for donkeys years too. But the first time I asked it for ideas to accomplish some task that would probably require some programming, it gave me a solution that I would never have considered because I was completely ignorant that such a thing exists. The initial code it generated was crap, but there was enough there to give me a good idea of how it works, so I just had to break it down to smaller parts and fiddle around with the prompts I fed it, and I was able to complete a custom tool to run the task in a couple of hours. It would have taken me two days of Googling with dozens of open tabs to stack overflow to just figure my first step.

Collapse
 
iegort profile image
Iegor Timukhin

Hi, don't be upset :) software development is about human interaction, understanding and describing business requirements and constraints, and creating complex solutions. And any AI can't do this by itself, yet :)

Collapse
 
collowserem profile image
Collowserem

And you started coding 2 months ago??

Collapse
 
shnai0 profile image
Iuliia Shnai

I was in tech for quite some time.
Founded the tech startup before so I saw the code, but never coded and seeing code caused the anxiety in me.

this was myfirst real shot with setting all up and figuring out stuff with ChatGPT

Collapse
 
france00mf profile image
France

🥰😱 super dope

Collapse
 
shnai0 profile image
Iuliia Shnai

Wuhuuu

Collapse
 
arndom profile image
Nabil Alamin

Really cool, I was amazed by the generation 👌

Collapse
 
shnai0 profile image
Iuliia Shnai

I changed prompts like 500 times! To improve the results. So it is great

Collapse
 
ben profile image
Ben Halpern

Wow

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks Ben!

Collapse
 
jesalg profile image
Jesal Gadhia

This is awesome, great work!!

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks Jesal! 💪

Collapse
 
mfts profile image
Marc Seitz

Congrats on the success. Thanks for sharing the instructions. Super cool that you made it open-source 🤩

Collapse
 
shnai0 profile image
Iuliia Shnai

Yes, now I really interested to commit to more open source projects:)
As it helped me a lot.

Collapse
 
lyfewyse profile image
lyfewyse

That's awesome that you were able to create a project to be used by many users!

Collapse
 
shnai0 profile image
Iuliia Shnai

Yes, it was super unexpected and exciting:) There are still daily users

Collapse
 
johnnylarner profile image
johnnylarner

Great work :)

Collapse
 
shnai0 profile image
Iuliia Shnai

Thanks Johnny!

Collapse
 
sergioholgado profile image
Sergio Holgado

It's insane, thanks for sharing! have you considered using rix chat intead of chatgpt?

Collapse
 
repdom profile image
Juan Thomás Ángel Montilla

Simple but efective.

Collapse
 
daslaw profile image
Dauda Lawal

Awesome 👍

Collapse
 
repdom profile image
Juan Thomás Ángel Montilla

Do you give me permission to copy this in spanish?

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Such an inspiring post : being able to start from scratch and build this real world project is great !!!

Collapse
 
khalidbinhuda profile image
khalid bin huda

Just a noob question, where did you host your API. Are you using any cloud funtions?

Collapse
 
giovanni-or2 profile image
giovanni-or2

The code is really really bad but it's ok for a side project. It is really obvious to tell that it's all GPT though. Hope I never see this kinda bs in real production-grade applications. Really scary.

Collapse
 
shnai0 profile image
Iuliia Shnai

Part of code is from the Open Source projects I mention in the article, though:)

Collapse
 
lau_bary profile image
Bary Lau

Great Job!
I looked up that ranking algorithm, doesn't look like it is what Twitter open-sourced.
Just a weird custom algorithm, not sure how consistent it is with Twitter's actual algorithm