Some of you might be wondering how to go about developing a frontend from within your coder projects... 🔍❓
Fortunately we've now got a quick and easy way to do that!
Any port that you are hosting something on inside your coder will be accessible by the path
https://<your-project-id>.coder.h4s.io/proxy/<port-number>
To walk you through now to get going with this we'll write a quick Hello World for Node.js
Head over to coder.h4s.io and create a new Node.js project.
<aside> 🛠 Make sure to select Nodejs from the runtimes drop down
</aside>
Start by creating a file called index.js
Then you can simply copy and paste this code into the file
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World');
});
server.listen(port, hostname, () => {
console.log(`Server running at <http://$>{hostname}:${port}/`);
});