Tutorials
Build a Full Stack App with Puter.js in v0.dev
What is Puter.js
Puter.js is a JavaScript library that provides a simple, browser-based API for building full stack web applications without the need for traditional backend infrastructure. It enables developers to access AI, cloud storage, authentication, file uploads, and other essential app features directly from their frontend code, all securely and without API keys or servers.
Getting Started
Step 1Download the Prompt File
Download the official Puter API documentation prompt file:
👉 https://docs.puter.com/prompt.md
Save this file locally as prompt.md.
Step 2Sign In to v0.dev
Go to https://v0.dev and create a free account or log in if you already have one.
Once signed in, start a new project.
Step 3Attach the API Prompt File
In the prompt editor, click on paperclip icon.
Attach the prompt.md file you downloaded in Step 1. This will help the AI understand the capabilities of Puter.js.
Step 4Describe Your App and Generate Documentation
In the prompt field, describe your app in plain English. Be sure to include that:
- You are building an HTML5 app.
- You want v0.dev to review the attached API documentation.
- The AI should generate a technical specification and try to complete the app using only Puter.js endpoints.
Example Prompt:
I'm building a simple HTML5 app that lets users write, save, and load notes from the cloud. Please review the attached Puter.js API documentation and generate a full technical specification for this app. Use only Puter endpoints for storage and auth if needed.
Let v0.dev generate the documentation. Review it for accuracy.
Step 5Generate the HTML5 App
Now, send a second prompt like:
Based on the technical specification above, generate a single HTML file that implements the full functionality of the app from <html> to </html>.
The AI will generate a complete HTML5 file that includes your app UI and all logic using Puter.js.
Review and test the generated HTML.
Step 6Deploy to Puter
Once you're satisfied with the app, save the HTML output as index.html.
Then, visit:
👉 Subdomain Registrar
Register your desired app subdomain and upload your index.html file. Your full stack HTML5 app is now live and hosted for free on Puter!
You’ve now built and deployed a serverless, full stack app using nothing but a browser, AI, and Puter.js. 🚀
Final Notes
Before you explore more features, make sure to review the Puter.js documentation. There's no need for API keys or backend setup—everything runs securely and entirely in the browser with Puter.js.
Related
Ready to Build Your First App?
Start creating powerful web applications with Puter.js today!
Get Started Now