I created the official PasteDB VS Code extension that lets you upload your current file or selected code directly from Visual Studio Code. It includes secure API key storage, customizable upload settings, recent paste history, automatic language detection, and instant shareable links. In this post, I'll explain how it works, how to install it, and the challenges I faced while building it.
More Info
View on Marketplace
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (146)
Do any one tried the extension?
Is there something missing?
I will try it. But can you explain how it works? What is PasteDB, exactly? How does it benefit me?
Thanks in advance!
PasteDB is a modern paste-sharing platform for developers, students, and anyone who needs to quickly share text, code snippets, logs, notes, or even images using a simple link.
Instead of sending code in chat apps or emails, you can create a paste and share a URL instantly. It supports syntax highlighting, Markdown, custom URLs, password protection, expiration, burn-after-read, end-to-end encrypted pastes, QR sharing, nearby device transfer, analytics, and even a VS Code extension so you can upload code without leaving your editor.
You don't even need an account to create a public paste, but signing in lets you manage your pastes from a dashboard.
If you want end to end encrypted pastes use the web interface at
pastedb.netlify.app/create
As the e2ee is added to web interface only for now
E2ee pastes can be made by selecting Unlisted Or Private as visibility
For e2ee docs go to
pastedb.netlify.app/e2ee
Thanks for the breakdown! Just a heads-up: Netlify is actually blocked here in Egypt, so I can't access those web links directly without a VPN. The VS Code extension workflow sounds super clean, thoughāI'll check out the extension side of it!
I m coming with a solution right a way
Try this url
sorathiya903.github.io/pastedb/
Note : Navigation is supported through the home page only , so use the Home page menu to go to create page , dashboard etc
I saw the website šÆ. It's amazing! I think PasteDB is a great tool. It allows developers to share text quickly. Good job š, you really did well.
Thank you so much! I'm really glad you were able to try it. Your earlier comment about Netlify being blocked actually motivated me to set up the GitHub Pages mirror so more people can access PasteDB. I'm still improving it, so if you have any suggestions or features you'd like to see, I'd love to hear them.
Thanks, Seif! š I'm glad you could access it through GitHub Pages. Out of curiosity, what kind of projects do you usually work on?
I m connecting backend from that new site
It may take max 5 min
Note: If you encounter a 404 Not Found page, make sure the URL contains /pastedb/ after the domain. If it doesn't, simply append /pastedb/ to the URL and reload the page.
Example:
ā sorathiya903.github.io/explore
ā sorathiya903.github.io/pastedb/exp...
Your app is good and at high level , as making a social media app with securityis not easy, I appreciate that,
I hope this app grows
My recommendations
Start the SEO
Use Google analytics to track user what like or not
Maintain genuine content on Vlox, the social media app
But while making post on Vlox I faced this error
Error creating post: Cannot read properties of undefined (reading 'success')
I have started your repo
Thanks! I'll get that issue fixed right away. Since the architecture wasn't originally designed for serverless hosting, so did you notice any slowdowns while using it? I couldn't find a free traditional hosting provider for Express.js, which is why I used for Vercel. Let me know if you have any alternatives for Vercel, and know if you experienced any performance issues!
The core issue is because my server isn't designed for serverless hosting, that's why Vercel failed, though I just gave it a try today. If you know any hosting services that supports traditional node.js hosting for free, please let me know!
For static websites I use netlify
For backend I use render
Thanks! š
I will host it on render then share the link with you!
I found that render requires a credit card for verification to prevent fraud, right? It keeps asking me while I don't want to enter my credit card number. Do you have any other hosting that's truly free?
I have hosted pastedb backend for free
IT has a free plan also
When I choose the free plan, click Deploy Web Service, I get this:
Why?
I don't know
I m able to deploy for free
You said enter card first for verification
Are you using normal email password sign-up
Try using Google Login
OK, thanks, I will try
How do you create my account
Why you didn't talk to me for 4-5 days??
I gaced this err
Sorry, you have been blocked
You are unable to access bonto.run
Why have I been blocked?
This website is using a security service to protect itself from online attacks. The action you just performed triggered the security solution. There are several actions that could trigger this block including submitting a certain word or phrase, a SQL command or malformed data.
What can I do to resolve this?
You can email the site owner to let them know you were blocked. Please include what you were doing when this page came up and the Cloudflare Ray ID found at the bottom of this page.
Cloudflare Ray ID: a20bc6f42ab42739
Your IP: Click to reveal
Performance & security by Cloudflare
Sorry I didn't clearly read
I thought u created my account
I will create my account
But the err I faced
Sorry, you have been blocked
You are unable to access bonto.run
Why have I been blocked?
This website is using a security service to protect itself from online attacks. The action you just performed triggered the security solution. There are several actions that could trigger this block including submitting a certain word or phrase, a SQL command or malformed data.
What can I do to resolve this?
You can email the site owner to let them know you were blocked. Please include what you were doing when this page came up and the Cloudflare Ray ID found at the bottom of this page.
Cloudflare Ray ID: a20bc6f42ab42739
Your IP: Click to reveal
Performance & security by Cloudflare
Oh wow, I'm so sorry! I wasn't ignoring you at allāI and my family were completely busy moving into a new house these past 4-5 days! I've been unpacking everything. I see what happened with the link now. You got locked out by the hosting site's automated security filter, which sometimes blocks IP addresses by mistake. The app is working perfectly on my end! To bypass that security screen, try turning off your Wi-Fi and opening the link using your phone's mobile data instead, or turn off any active VPN you have running
Maybe try incognito/private mode.
Did you successfully create your account? I'm waiting for the first post from you.
I tried with incognito also but I got same, (I was prevented from screenshoting)
There was also no VPN active
That's strange š¤, maybe try 1.1.1.1 VPN by Cloudflare?
I tried cloudflare 1.1.1.1 and others also
Still not working
Where have you hosted Vlox
Is the backend and frontend hosted in one place?
Yes, both frontend and backend are hosted on bonto
If you host frontend on vercel and backend on other platform
Then it's good
As if in your current system if something happens Backend or if Backend becomes down then frontend will be down or will suffer
But if both are separate then frontend will be live all time
User don't see the crashed Backend server
And frontend talks with Backend through https requests or websocket
And Backend is connected to DB
I recommend to use Render for backend deployment
I know, but Render requires a credit card verification.
Let's try to fix the issue. If you are using an Apple device, go to your Apple device settings and disable iCloud Private Relay. Also, make sure to: Turn off all VPNs (including Proton or 1.1.1.1). Clear your browser cookies/cache or try opening the site using a completely different browser app (like Firefox instead of Chrome). If this still fails, I'll host it temporary elsewhere so you can try it.
Try render with google registration,
How you are signing in on render
I created the account using Google and encountered the same issue.
Send me screenshots and explain me in detail what you did
OK, here is what I did exactly:
Now what?
It seems you are choosing the paid plan
Choose the free plan before deploying
Click the free plan so it gets selected
Or use railway instead for deploying your project
Thanks Aditya!
I'll try creating a new account on render, if it works, I'll share the link with you.
While creating new account , use other network or phone data, and try this also
Keep the phone for flight mode for 15s
That will reset your ip
Then make a new account
Thanks, I will try š.
I did the exact same steps again. I kept my phone in flight mode for 15s and recreated a new account but got the same error. That's what Gemini said
Maybe I'll try to host in railway. Many thanks for your help š
Waiting for the url...
Railway only offers a temporary free tier.
So, I will try host it on PandaStack.
Just give me a few moments.
Yes PandaStack is good with free tier
AND ITS REDIS
Waiting for url...
I did got the website
The glitch not fixed
Maybe try these two quick advanced fixes so you can get in:
Change Private DNS: Go to your phone's network settings, find Private DNS, and set it to manual with dns.google or 1.1.1.1.
Switch VPN: If you are using a VPN, change its connection protocol in the app settings to WireGuard or OpenVPN, then connect to a US or UK server.
You'll need to find and download a free .conf or .ovpn server file online (like from VPN Gate) to load into WireGuard or OpenVPN.
I tried all thing
With VPN and without VPN
Nothing worked
The opendns and 1.1.1.1 is also not working for that
I went to browserling.com/
Entered vlox.bonto.run
And boom the site opened!!
in phone
After that created a account and then a post that you asked
And how was the surprise?
This is the best surprise ever š„¹
What do you want to talk about in Vlox? š
Start the seo then
Are you getting users?
Request indexing on Google search console
Thanks š, I will request indexing on Google search console.
Can you help me and share it with your friends? š„ŗ
My friend don't use pastedb (my app)
They how I can convince to use Vlox??
I totally get that, it's frustrating when friends don't jump on your app first! But honestly, Vlox is a social media appāyou could use it as a megaphone to promote PasteDB. Even better, what if we officially integrate PasteDB into Vlox down the road? You would get full credit and become a contributor, and it could bring a ton of eyes to your platform. Letās help each other grow!
Hoe can I promote pastedb then
I think for a idea which is useful for both Vlox and pastedb
Chatgpt response was
If Vlox is a social media platform, there are several ways PasteDB could integrate that also benefit Vlox instead of feeling like an advertisement.
Some ideas:
When a user creates a post containing code:
They click "Create Paste"
Vlox uploads the code to PasteDB
The post displays a preview like:
š Python Snippet
pastedb.netlify.app/paste/abc123
View Full Code ā
This keeps long code out of the social feed.
Instead of posting thousands of characters:
Read the full article ā
Powered by PasteDB
Developers can attach:
logs
stack traces
configuration files
using PasteDB links.
Someone shares:
Join Collaborative Editor
Friends open the PasteDB collaboration page directly.
If Vlox has developer accounts:
Projects
PasteDB
GitHub
Portfolio
Expose an API like:
POST /api/create
Vlox creates pastes automatically and stores only the returned URL.
Instead of only a link:
āāāāāāāāāāāāāā
PasteDB Preview
Language: Python
print("Hello")
View More ā
āāāāāāāāāāāāāā
What's in it for both?
PasteDB gets:
New users.
More API usage.
Brand visibility.
Vlox gets:
Clean posts.
No need to build its own code-sharing service.
Better experience for developer users.
The key is to make PasteDB feel like a feature inside Vlox rather than an external promotion. That way, both projects gain value from the integration.
Don't might the numbering
You can also add iframe containing src of pastedb paste viewer for any paste
These are brilliant ideas! š”
Let's implement the first option.
The plan:
POSTrequest) from Vlox server to PasteDB server.Do you want to tweak any part of the plan?
Great plan! One small suggestion: I already have an SDK for PasteDB, so instead of manually making POST requests, Vlox can simply use the SDK. It handles the API calls and returns the paste URL. Internally, PasteDB uses a FastAPI backend with MongoDB. Using the SDK will make the integration cleaner and make future updates easier without changing your code.
MongoDB Atlas
Thatās great! š
Should we embed the SDK function directly into Vlox, or have Vlox send a POST request to PasteDB to handle it?
But the SDK is in python
And your backend is in node js
What can I do?
We don't need to rewrite anything or mix Python into Node! Vlox can just send an HTTP POST request to your PasteDB backend API with the text payload. PasteDB saves it, creates the paste, and responds back to Vlox with the URL or ID. That way, Vlox stays Node.js, PasteDB stays Python, and they just talk through HTTP!
I made a node js SDK for PasteDB
See the docs at pastedb.netlify.app/jsdocs
And for npm at
npmjs.com/package/pastedb-js
Great!
Now, is there a mirror page for the docs? Because netlify is blocked in Egypt.
You said of post requests
But what about ownership
The paste will belong to whom?
Will it be guest?
If guest paste then no one can edit it
Or you can do this
Say the user to make the API key of pastedb of user by registering them to pastedb
And put that api key in vlox to make pastes whose owner is user
I'll try browserling or ProtonVPN.
Great catch!
Hereās the best way to do it without annoying the user: When someone creates a Vlox account, Vlox's backend will automatically call PasteDB's API during signup to generate a PasteDB account/API key for them behind the scenes. Vlox saves that API key in the user's MongoDB profile. Whenever that user creates or edits a paste on Vlox, we pass their personal PasteDB key. Seamless for the user, proper ownership for PasteDB
I read the docs via onlinevpn.app! I'll implement it now. Quick question for you: Should we use the Automated SSO Bridge methodāwhere Vlox silently generates/fetches a dedicated PasteDB API key for each user on signup and stores it securely in MongoDB to handle all their pastes or do you prefer a different approach?
Would we make the user enter the API key on every paste or one time enter during login?
Store that key in localstorage or on your server
Perfect!
Now, does the SDK include a way to get the API key? Because doing client.me() returns only the email and ID based on the doc.
You can't do that
It will exploit sensitive information of user
If I allow you to make api at the name of the user without asking them then that would be trouble for both of us
Instead say if you want to make a stylish paste , enter the API
Or something like that
How will you make account
By normal email and password
Or let the user register
I only have Continue with Google way to be registered or loggedin
So you can't make a account as things like email of user can not be used without their permission
Etc
But why we need to get the API key
User will enter the API key if he want
And Vlox can save in localStorage or indexed db (in the device) or can be stored on Vlox Database or server
That makes total sense regarding Google OAuth! Hereās the final plan on my side:
Integration Plan
Does this plan sound good to you to get started with integration?
Does PasteDB SDK support from another account?
Or the user would need to configure their PasteDB account credentials one time before? Because you said there is no email/password, it's only Login with Google.
I don't understand this
Explain me
There is no account in SDK
Just the API key
Yes, that sounds good to me.
Integration flow:
This keeps the integration simple while giving users full ownership of their pastes when they choose to connect their PasteDB account.
But give a warning that these paste will not be edited or managed in future is no api key
To edit , add the PasteDB API KEY
Yes. The SDK works with any valid PasteDB API key.
const client = new Client("USER_API_KEY");
If the API key belongs to User A, all operations are performed on User A's PasteDB account. If it belongs to User B, they happen on User B's account.
Users don't need to enter their Google account credentials into Vlox. They only need to log in to PasteDB once, generate an API key from their PasteDB dashboard, and paste that key into Vlox. After that, Vlox can securely store the API key (locally or on your server) and use it for future requests.
The integration plan looks good to me. I do have one suggestion about the UI though.
Right now, everything seems to be on a single page. I think the design would benefit from an upgrade by splitting content into dedicated pages.
For example:
Keeping only the post feed on the main page and moving the informational content to separate pages will make the app feel cleaner, more professional, and much easier to navigate.
Sure!
Give me one day or two days and I'll implement everything securely, and I'll hash the the API keys too, using cryptr and AES-256
But one problem
Hashing is one way
IT can't be reversed to a raw api
One small note though: if Vlox needs to use the API key later, don't hash it.
If you store it on your server, encrypt it (AES-256 is a good choice) and decrypt it only when making a request to PasteDB. If you store it only on the user's device, that's fine too.
Storing in IndexedDB is good for now
If user wants to update api he can do , no fetchs to api and change on server
It's fast also
As if first getting the api key from db then making paste is time consuming
But one problem
Hashing is one way
IT can't be reversed to a raw api
One small note though: if Vlox needs to use the API key later, don't hash it.
If you store it on your server, encrypt it (AES-256 is a good choice) and decrypt it only when making a request to PasteDB. If you store it only on the user's device, that's fine too.
Storing in IndexedDB is good for now
If user wants to update api he can do , no fetchs to api and change on server
It's fast also
As if first getting the api key from db then making paste is time consuming
I know, but AES-256 encryption can be reversed. AES-256 is mathematically reversible with the correct 256-bit key, but it cannot be cracked, reversed, or decrypted without that key.
And that key is controllable by Vlox, not the user.
So where do you will store that 256 bit key?
It's stored in the environment variables, like that
.envfile.It means one key that encrypts the api key of users and that key will be with you?
Yeah. It means it will be with the admins, meaning me and you.
If u store that one key in env then yes, that's secure against someone stealing the database, but it's not end-to-end encryption. Since Vlox has both the encrypted API key and the AES key from the environment, Vlox can decrypt and read the API key whenever needed. It's server-side encryption (encryption at rest), which is perfectly valid, just not E2EE.
Spot onāit's standard server-side encryption at rest to protect the DB while letting the backend handle the API integration seamlessly. Glad we're on the same page! Heading to the code now to ship this.
Perfect! š That's exactly what I wanted to clarify. Server-side encryption at rest is a good approach for this use case. Looking forward to seeing the integration.
So if you want you can start integration
If any error occurs in node js SDK, u are free to tell me
How can I get my own PasteDB API key?
Great idea.
So, we make an optional input field if the user wants to enter their API key, right?
Yo! Was setting up the integration UI today and realized if we just run PasteDB in the background, users won't even see your platform.
So instead of hiding it in the backend, Iām adding a direct [ š Open in PasteDB ] button straight on the Vlox editor. Itāll grab their snippet and launch it on PasteDB in a new tab.
Keeps Vlox fast, gives PasteDB direct traffic/spotlight, and avoids cross-server lag headaches for both of us. Sounds good?
The code is so simple:
Do you want to change to link to the exact creation page? Did you like the font awesome paste icon or do you want to change it to text? Just tell me all your wishes!
This way, it's 100% bullet proof, secure against attacks, and keeps both our server codes as is!
Now, you can easily see the try the changes here: vlox.containers.snapdeploy.app/
(Guess what? The exact Github commit message was "Intergated PasteDB created by my friend Aditya" š)
Where would you like to add "Powered By PasteDB"?
But if that icon opens pastedb then what is the meaning of that icon
If user has made a paste by pastedb and he adds a link that show this paste then you can add
View full post on pastedb
For now temporarily its ok
Would you like that I upgrade the ui?
I upgraded the ui
You can see at
sorathiya903.github.io/pastedb/pas...
I checked out the mock-upāI appreciate you taking the time to design that layout! ā”"
For Vlox, Iām sticking with the current bright layout and blue palette. That light, clean look is the core brand identity I built Vlox around, so I want to keep it uniform for all users.
And sure, will add "Powered By PasteDB" in footer.
I recommend one thing
Use uptimerobot so that your server not sleeps
UpTimeRobot will send a request to any of your pages so that server is kept alive
Great idea.
I will definitely consider it. š
One follow-up question: Where would you like to place "Powered by PasteDB"?
In footer
Yes it's good
You can show powered by pastedb
Yes you can if you want
I got a bug
When I click copy btn (the link icon)
This thing is copied
localhost:3000/?id=6a704b4e2d33a12...
I recommend to upgrade the ui also
Great catch š .
I'll fix the bug now.
Checked out the mock-upāI appreciate you taking the time to design that layout! ā”"
For Vlox, Iām sticking strictly with the current bright layout and blue palette. That light, clean look is the core brand identity I built Vlox around, so I want to keep it uniform for all users.
I fixed the copy link bug too, try it now.
It was a pleasure to work with you!
Can you star the repo on Github?
I have started
I messaged about that first also
Ah, my bad! Totally missed that earlier. Thanks a lot for the star, really appreciate it!
I really admire how good you are at marketing and reaching developersāhow do you manage to do that so effectively?
You can get your answer at dev.to/aditya_sorathiya_069252f4/h...
Or in cracked English at pastedb.netlify.app/about
Thanks, my friend.
It was a pleasure to work with you.
Wishing you all the best. š
The extension is a companion to PasteDB that lets you upload code snippets directly from VS Code without opening your browser. Simply select the code you want to share, right-click, choose Upload to PasteDB, and it uploads the snippet and copies the shareable link to your clipboard.
Setup is simple:
Install the PasteDB extension from the VS Code Marketplace.
Generate an API key from your PasteDB dashboard and save it in the extension. With an API key, your pastes are linked to your account and can be managed later.
3.Select some code, right-click, and choose Upload to PasteDB (or use the Command Palette).
The goal is to make sharing code as quick as possible without interrupting your workflow. If you give it a try, I'd really appreciate any feedback or suggestions!
Thanks! š
The VS Code extension is a companion to PasteDB. It lets you upload code snippets directly from VS Code without opening your browser.
Just select the code you want to share, run the PasteDB command (or use the context menu), and the extension uploads it to PasteDB, automatically copying the shareable link to your clipboard.
It's useful when you want to quickly share code with teammates, ask for help on forums, submit snippets in chats, or save code for laterāall without leaving your editor.
If you use an API key, the pastes are saved to your PasteDB account so you can manage them later. You can also create guest pastes if you don't want to sign in.
I'd love to hear your feedback if you give it a try!
Tip: If pastedb.netlify.app is blocked in your country, try using a VPN for the best experience. Alternatively, you can access the GitHub Pages mirror at sorathiya903.github.io/pastedb/ā
Note: If you encounter a 404 Not Found page, make sure the URL contains /pastedb/ after the domain. If it doesn't, simply append /pastedb/ to the URL and reload the page.
Example:
ā sorathiya903.github.io/explore
ā sorathiya903.github.io/pastedb/exp...
Can any one make a paste as a registered user
I want my 1st registered user
Super good job šš
The first user for me for extension????
Some ONE installed my extension!!!!!
Nice write-up! For devs who deal with messy copied text, TextStow might help ā it's a Mac menu bar tool combining clipboard history with prompt templates and text cleanup. Free: textstow.com
Thanks! I appreciate it. š TextStow looks interesting for clipboard management and text cleanup. PasteDB is focused on making it quick to upload and share code snippets (and other content) through shareable links, especially directly from VS Code. Thanks for sharing!
Some comments may only be visible to logged-in visitors. Sign in to view all comments.