How to develop collaboratively and remotely with your team in 5 minutes
Tags: programming, opensource, devops, productivity
Published: 2021-12-17 08:48:53

Recently my friend Wendy, a front-end engineer, was working on an open source project based on her own ideas. To help users learn more about the project and try it out, she planned to build a user manual website using the Nextjs front-end framework.

When writing the document, she thought of me, her product manager friend, and hoped that I could help her develop the website together to provide better user experience. Wendy had taught me a lot about front-end technologies, so I said yes immediately. However, here came the problem, her website wasn't online yet. To preview the project in advance, I needed to install her project locally.

This stumped me, as I had learned some front-end basics during my work, but it was still difficult for me  to actually install the environment and start the project by myself. After I explained my concerns to Wendy, she came up to my computer.

Five minutes later, she showed me a Welcome page.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89cx49a6ixucyi5kf7m8.png)

Surprised and Confused, I asked her:  "What is it? How could a front-end project be installed in such a short time?"
She said that the Welcome page was the running result of [TeamCode](https://www.teamcode.com/)'s [Pylon](https://www.teamcode.com/products/pylon), a development environment in the cloud and a live preview.

Then Wendy showed me the process of project pull-up. 

Just filling in the Git address could automatically generate the development environment.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfykwfzky8i06ifq1v9k.png)

The project was created successfully.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9jeboqrm2743xaz4c7or.png)

I could choose to open the project using cloud-IDE or a local IDE, and here we used the cloud-IDE，so that our subsequent collaborative development could be more convenient.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6czrtqov5rgko84u0xqz.png)

She also showed me her development interface and demonstrated the project start-up process.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zw4s0mtj4ovqh35nw3ow.png)

With just one click the development environment was generated and saved. In addition, it could automatically expand the capacity, and support the local IDE.

Pylon allowed development in collaboration with team members and the remote synchronization of the coding process.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wi9p34nnq308trgiehcl.png)

I asked her was this VS Code? She said it was VS Code in the cloud, and the experience was the same as local.

With the popularity of cloud computing, many software based on traditional desktop is migrating to the cloud, and cloud-based integrated development environment is emerging. Pylon is one of them, it's a lightweight remote collaborative development environment. Developers can edit and preview project changes online anytime, anywhere, without the traditional CI\CD path. TeamCode's Pylon tool is the perfect solution to the time-consuming and laborious pain points of development environment installation.