DEV Community

Cassidy Williams for Netlify

Posted on • Originally published at netlify.com on

4

Deploy from CodePen to Netlify in less than 30 seconds

Welcome to Blogvent, day 12!

CodePen is one of our favorite places to experiment, prototype, and build fun web projects. Deploying a Pen to Netlify is super speedy, and a great way to get your projects live on your own domains for all to see!

It took longer to write this blog post than it took to take a Pen and deploy it to Netlify. It was so fast, in fact, that we recorded it:

First, export your Pen to a ZIP file. Then, go to netlify.com/drop, then drag the dist folder from your exported Pen onto the page, and click the resulting new website. Done!

That’s right, in less than 30 seconds, a Pen on Netlify. Woo!

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay