Troubleshooting with PipeOps: Error 502 with React apps

Orunto Eniola — Sat, 15 Jun 2024 17:50:14 +0000

Day 3 of [HackOps 1.0] and my quest to compile as many fixes for the errors participants face during the duration of the hackathon continues. Today it's the 502: Bad gateway error some React Devs encountered

Mild Disclaimer

I'm making sure to state that these errors and fixes are framework specific so as not to mislead other users that have similar problems in different environments. You are welcome to try it out, but please do let me know whether or not they work for your circumstance so I can update the guide. Thank you 😊

Build Settings

Set your project's framework to ReactJs and build method is set to Node (Static Frontend)

Set build rules to the node version you used in building your react app and the build path to the appropriate folder be it dist or build

That should handle the error. If you have any issues please let me know in the comments.

Thank you for reading! And to my fellow hackathon competitors, See you at the finals! 🫵

Deploying NextJS apps with PipeOps

Orunto Eniola — Fri, 14 Jun 2024 20:14:06 +0000

It's Day 2 of Pipeops HackOps 1.0 and participants are building at full speed 🚀. Just look at the leaderboard 😮‍💨

However, PipeOps is a new platform and as such the builders are still trying to find their footing with it. In light of that here's a quick guide to deploying Next JS apps on Pipeops

Start a new project and select Web Project as project type

Select your preferred git provider, the account/organization your project repo is on and your project repo

Hit proceed on project summary
In project build settings, make sure Framework is set to NextJS build method is set to Nixpack

Hit 'Deploy project' and watch the magic happen
Your NextJS app is now live!