New Plugin Available: Deploy to Netlify from within ChatGPT

Have you ever used ChatGPT to deploy code?

Now you can by using the new Netlify Drop ChatGPT plugin. Simply describe the website you want to build — not only will ChatGPT author the markup, scripts, and stylesheets, but it will deploy it to Netlify for you too!

You don’t need to be signed into Netlify in order to deploy from ChatGPT. Once you like the website generated and deployed, follow the link to the claim URL. From the resulting page, click the Claim this site button if you’re already logged in; otherwise, click the Sign up for free button to associate the site with your new Netlify account. If you don’t claim the site, it’ll be deleted within an hour.

After you claim the site, it becomes associated with your account, where you can further manage it within the Netlify UI.

What can you make with just a prompt?

You might not entrust anything ChatGPT deploys for anything enterprise-grade or production-ready, but that doesn’t mean you can’t experiment with deploying by prompt for prototypes, proof-of-concepts, or personal projects! Here are some example prompts to get your creative juices flowing:

Create a website that animates hacker text vertically down the screen in an infinite loop like we’re all in the Matrix

Show me how to make a website that displays recent earthquakes of magnitude 2 and higher that occurred in the last week. Each earthquake should appear as a red marker on the map. When you click on a marker, it should show some basic detail about the earthquake, including the location, magnitude, and date. The size of the marker should be relative to the magnitude of the quake. Pull the data from USGS. It should display these on a map using the Mapbox SDK. Also include the mapbox-gl.css file so that it is styled correctly. Use <Public token here> for the Mapbox SDK key. Zoom the map out initially so that the whole world is in view. I want the website to be in separate HTML, JavaScript, and CSS files.

Make a website that will be useful to JavaScript developers learning the Date() object. When the page loads, create a new Date() object. Then display the value of each of the get and to instance methods, along with the name of the method that was used to display that value. The value should be in a monospaced font, and the name of the method should be bold. Each of these should appear as a tile in a grid, to make use of the screen real estate. When a tile is clicked, copy the name of the method to the clipboard. Every second, update the values to reflect the new date.

Create a “Pokemon of the Day” website. Deterministically load a random pokemon from the PokeAPI based on today’s date. The site should show a picture of the pokemon, and all of its stats. Would be great if the style of the site looked like a pokedex! Load a pokemon-like font from Google Fonts. I want it to have a purple background and a yellow foreground.

Try it out for yourself! What can you deploy using just a prompt?