How to create a website using ChatGPT
I've just created my first website without writing a single line of code!
Hey everyone, it’s Mike again.
Today I want to talk about ChatGPT and other AI tools. I hear a lot of talks that AI will replace software developers, UI/UX designers, and artists (hello, Midjourney) soon. Will it happen in the upcoming 1-2 years? Read the article till the end, and you’ll understand.
This was the day I created my first website without writing a single line of code.
Of course, you can use no-code solutions or any website builders. But this article is about a bit different websites. The difference is that I created a lot of code and published it to the static hosting. But I wrote the code using ChatGPT prompts only, and not a single HTML tag or JS snippet was written by my hands.
So why did I decide to use ChatGPT? Well, I needed to create a simple form for the admin panel of the ArtRaffle, so any admin could easily add the SPL token without my help and without using Postman. But I am not a front-end developer. I developed backend, iOS apps, Android apps, flash games, C++ programs, and even smart contracts on Rust. But not front-end using simple HTML and CSS.
Of course, I could google it and make a simple HTML, but I wanted to make it fast and not waste much time creating a simple form.
As a result, I spent around 30-40 minutes creating this simple website using ChatGPT while sitting in Starbucks during my son was sleeping in a stroller.
Here is the result.
How to create a website using ChatGPT?
Well, you need to understand what you want to achieve. And try to describe it one by one to the AI.
There are a few first messages that I sent to ChatGPT:
I need a simple html webpage which i can upload to basic hosting
Please add form there with fields: API key (string), Token mint (string), Where to buy token (string)
Send this form as POST request to "https://api.artraffle.io/api/v1/tokens"
Of course, I had to create the API for this form, but I am a back-end dev :)
A few changes:
1. Send data as raw json
2. tokenBuyLink is not required field
3. Rename page to "ArtRaffle Admin: Add SPL token"
Etc.
So just using these simple one-by-one commands, I received the more and more filled HTML page.
Here is my full chat with ChatGPT:
https://chat.openai.com/share/d5eb08e5-c308-46ad-9fe8-4adadea37a5f
Then I just deployed it to the DigitalOcean, and that’s all! I spent around 30-40 minutes, and my first website, created by ChatGPT, was deployed and live.
So, will AI replace the developers? No way. Maybe juniors, but not Middle or Seniors. You can create a simple webpage using AI, but AI won’t help you at all if you need a complex solution. So developers and designers, relax. You’ll be ok, at least in the upcoming 5-10 years.
But don’t ignore the AI tools. It can speed up your work 10-20 times, and you could deliver much more results within the same timeframe.
If you like my articles, subscribe to my newsletter and follow me on Twitter.