How are AI tools helping solve real, complex, and time-consuming problems faster?

-
Nowadays, almost everyone is either using AI tools or thinking about incorporating them into their daily work. At the same time, many professionals are still hesitant, worrying that AI might replace their jobs. While those concerns are understandable, I believe the bigger risk is ignoring these tools altogether. From my experience, AI isn't replacing engineers—it is helping engineers work faster and focus on solving more meaningful problems. Like any other tool, its value depends on how effectively we use it. The more we learn to collaborate with AI, the more productive and efficient we can become. Here are two real examples from my recent work where AI tools helped me solve complex and time-consuming engineering problems significantly faster. AI helped me audit and upgrade my project's tech stack by checking dependency compatibility and flagging version-specific issues in advance. Instead of manually reviewing every package and verifying the latest compatible versions, I was ...
Post a Comment

Challenges and Solutions: Deploying Thoughtworks Tech Radar Node.js + Webpack on Heroku.

-

A few days back, I got a chance to deploy Thoughtworks Tech Radar  (a Node.js package) on Heroku as our own organization Tech Radar. Although Deploying a Node.js application with Webpack on Heroku can be an easy process, still you may face certain challenges while deploying.
Here's a brief rundown of the challenges I have faced and how I tackled them during the deployment process.

1. Missing Procfile

One of the initial challenges I faced was forgetting to include a Procfile in my project's root directory. This resulted in Heroku not knowing how to start my application as Heroku uses a Procfile to determine how to run your application. Know more about Procfile
To resolve this, I created a simple Procfile that specifies the below command to run my Node.js server.

```
web: npm install --include=dev && npm run dev
```

2. Heroku-prebuild - command

Webpack is commonly used to bundle and optimize JavaScript code for production. However, after the build process, I realized that Heroku wasn't automatically executing the necessary steps to prepare my application for deployment. To address this, I added a heroku-prebuild script in my package.json to ensure that the required build commands are executed before build deployment on Heroku.

```
"scripts": {
  "heroku-prebuild": "npm install --include=dev && npm run build:dev"
}
```

3. Dynamic Port binding - Heroku provides a dynamic port.

Heroku dynamically assigns a port to your application, and you need to ensure that your Node.js server uses the correct port. To achieve this, I modified my Webpack server configuration to use the process.env.PORT variable provided by Heroku added the following configuration to my webpack.dev.js file

```

devServer: {

    port: process.env.PORT || 3000,

}
```

5. Invalid Host Header - Configure allowed host on Webpack

Finally, when the build is deployed to Heroku without any build error, then I encounter an "Invalid Host Header" error while accessing the application landing page. This is a security feature in Webpack. To fix this, I added the following configuration to my webpack.dev.js file to allow request from my heroku app hostname like heroku-app-name.herokuapp.com where `heroku-app-name` can be your subdomain url or your app on Heroku.

```

devServer: {

    allowedHosts: [

       'heroku-app-name.herokuapp.com'

   ],

}

```

4. Using ENVs inside the node.js + Webpack app

After resolving all the above challenges, I was finally able to see my landing page. But still, there was one challenge left - It was not considering the new ENV variables I added to provide the Tech radar Google sheet URL  or ID.  I couldn't access the value of ENVs simply using process.env.SHEET as we can use in normal JS apps. For Webpack we need to pass it through Webpack configuration to make them available inside the app or src files.
To access ENVs variable inside your src directory files i used Webpack configuration like below:
```
plugins: [
      new webpack.DefinePlugin({
          'process.env.API_KEY': JSON.stringify(process.env.API_KEY),
         'process.env.SHEET_ID': JSON.stringify(process.env.SHEET_ID),
      }),
]

```

Official documentation for Webpack configuration helped me a lot to resolve configuration-related issues. 


Deploying our own Tech Radar (Node.js + Webpack app) on Heroku for the organization was a good learning experience for me, and resolving the above challenges has enhanced my understanding of the deployment process of the Node.js app on Heroku. Finally, I was able to successfully deploy and run my application on Heroku.

I hope this blog post helps fellow developers resolve similar issues in their node.js + web pack deployment journey on Heroku or even on other cloud platforms. 
If you face any different challenge than above, please do let me know in the comments.


A man with small desires, likes things in simple conditions, loves god creation, feels pleasure to help someone needy.
Professional: Software Developer (PHP) (5+ yrs) with good hands in latest technologies and Frameworks like Laravel Cakephp 3, CodeIgniter, Wordpress, Core PHP, MySQL, PgSql, jQuery.

Comments

Post a Comment

Popular posts from this blog

Differences between json and jsonb - JSON data type in PostgreSQL

-
You may have read differences between PostgreSQL datatypes JSON and JSONB. If not, let see the difference between both theoretically and practically. Although, both json and jsonb are types of PostgreSQL JSON datatypes and accepts almost same format as input values i.e. json. But still there are some difference which one must know to efficiently use or can choose from both json and jsonb.  The main different is how they actually store data; the json data type stores input value as it is but  jsonb stores value in a decomposed binary format which lead to difference in  efficiency .  Jsonb is slower as compare to json while saving the input values because of converting json values to binary format before saving. Jsonb fast in processing the data because no re-parsing needed as compare to json datatype which needs processing function to re-parsing on every execution. Few other differences between json and jsonb are: Jsonb supports indexing which is advantage over j...
Read more

Laravel Validation - Unique rule with multiple column and condition.

-
Today I am going to share, How we can use Laravel validation rule `unique`. If you have worked with laravel and familiar with laravel validation, you must know what does 'unique' rule checks. If not let me give here a brief about this. In simple words, It is similar to a unique key constraint applied to a column in the database table. 'Unique' rule check there is no similar value exists in the given database table column, to value matching with the provided input value. The general format of the rule is: unique:table //when input name is similar to column name OR unique:table,column OR unique:Model,attribute Examples: 'email' => 'unique:users' //here users is table name OR 'email' => 'unique:c,email_address' //can give custom column name. OR 'email' => 'unique:User,email'  //here User is a model class This is a very simple usage ...
Read more

How to Build Nested Tree Structures for Parent-Child using The Laravel Eloquent Relationships

-
A few days back, working on a Laravel project I had to create an API returning the deeply nested Tree structure for the parent-child relationship of a given object entity - in this case, a Company. Although as an experienced PHP developer, I know how to build Nested Tree Structures for Parent-Child relationships using core PHP and SQL queries. But I was looking to, if Laravel Eloquent provides any efficient inbuilt method to fetch the Parent-child relationship with a deep nested tree structure. This led me to search on ChatGPT for the same. Here I want to give credit to ChatGPT which not only saved my time but also suggested a new way to get the desired result using Laravel Eloquent Relationships. Before I explain the solution for building a Nested Tree Structure, first let's understand it. Understanding Nested Tree Structures: A nested tree structure organizes data in a hierarchical manner, making it easy to represent parent-child relationships. Each node in the tree can have mult...
Read more