How to Create an HTML Project on Replit

‍

This tutorial shows how to set up a new HTML project in Replit and get it running in the built-in preview.

Notes 

• You need a Replit account to get started. Sign up at replit.com if you don't have one yet.
• Replit is phasing out Developer Frameworks. If replit.com/developer-frameworks is unavailable, go to your dashboard, click + Create Something New, and describe your project in the prompt - for example, "Create a Python project with Flask installed." The Agent will set up the environment automatically.
  

1. Sign in to your account at replit.com and go to replit.com/developer-frameworks.  Choose HTML, CSS, JS (Static) from the list.
2. Click Remix. When the Privacy option prompts, choose the default (Public) and click Use Framework.
3. Wait for Replit to set up the environment, then click the Open Files icon in the top-right corner and click File tree.
4. Review the generated project structure - by default, Replit creates an index.html, style.css, and script.js file.
5. Click index.html to open it in the editor and start building your page - for example, a landing page for a SaaS client proposal.
6. Click the Run button at the top of the workspace. Replit launches the page in the Preview panel on the right so you can see your changes live. 
7. To fix bugs, you can ask the Agent to “check my app for bugs” to let the Agent review your code.