<img src="https://s3.us-west-2.amazonaws.com/fla.blog.images/2a9df990-63b4-11e9-8a7e-b38ac9beaecf/1598377628615-meteor.gif"> Packed with 22 updates, Meteor 1.11 includes major improvements in key areas.&nbsp;For full release notes&nbsp;<a href="https://blog.meteor.com/" rel="noopener noreferrer" target="_blank" style="color: rgb(0, 124, 137); background-color: rgb(255, 255, 255);">visit the blog</a>, as well as&nbsp;Meteor<a href="https://docs.meteor.com/" rel="noopener noreferrer" target="_blank" style="color: rgb(0, 124, 137); background-color: rgb(255, 255, 255);"> docs</a>.&nbsp; <h3>Lets dive into some highlights:&nbsp;</h3><h3>Performance Improvements:</h3>Meteor had multiple PRs improving the performance of their build in different areas, including:<ul><li>node_module watchers;</li><li>realpath usage;</li><li>enabled build in place on Windows;</li><li>reduced watchers and stats what saves CPU.</li></ul><h3>Cache your builds:</h3>They've introduced a new option in their deploy command:&nbsp;--cache-build . Using it in your deploy command Meteor will re-use your bundle if your git repository is in the same commit as the last time you deployed.&nbsp; TL;DR: use&nbsp;--cache-build&nbsp;when deploying to&nbsp;<a href="https://www.meteor.com/hosting" rel="noopener noreferrer" target="_blank" style="color: rgb(0, 124, 137); background-color: rgb(255, 255, 255);">Galaxy</a>.&nbsp;<h3>Apollo Skeleton + Vue Skeleton:</h3>Want to start a new project with Meteor using Apollo in the data layer? Just run:&nbsp;meteor create myproject --apollo and you're good to go!&nbsp; They also now have a simple one line command to create a new project using Meteor and Vue:&nbsp;meteor create myproject --vue&nbsp;

Meteor 1.11 is here!

In this blog post, I will show you how to upload files using multer and next.js 13. Multer is a Node.js middleware for handling multipart/form-data, which is primarily used for uploading files. Next.js is a React framework that enables hybrid static and server rendering, and supports features like file-system routing and API routes.
The basic steps for uploading files using multer and next.js 13 are:
1. Install multer and next-connect as dependencies in your project.
2. Create an API route in the pages/api folder that handles the file upload logic using multer and next-connect.
3. Create a form component in the pages folder that allows the user to select and submit files to the API route.
4. Display the uploaded files or any errors in the UI.
Let's start with the API route.<pre class="ql-syntax" spellcheck="false">import multer from 'multer';
import { NextApiRequest, NextApiResponse } from 'next';
import AWS from 'aws-sdk';

const memoryStorage = multer.memoryStorage();
const upload = multer({ storage: memoryStorage });

export default async (req: NextApiRequest, res: NextApiResponse) =&gt; {
 try {
 upload.single('file')(req as any, res as any, async (err) =&gt; {
 if (err) {
 console.error(err);
 return res.status(400).json({ error: 'File upload failed' });
 }

 const uploadedFile = req.file;

 if (!uploadedFile) {
 return res.status(400).json({ error: 'No file uploaded' });
 }

 // Configure the AWS S3 client
 const s3 = new AWS.S3({
 accessKeyId: 'your-aws-access-key',
 secretAccessKey: 'your-aws-secret-key',
 region: 'us-east-1', // Change to your desired AWS region
 });

 // Setting up S3 upload parameters
 const params = {
 Bucket: 'your-s3-bucket-name',
 Key: `uploads/${uploadedFile.originalname}`, // Specify the desired S3 key
 Body: uploadedFile.buffer, // Use the in-memory buffer
 };

 // Uploading files to the bucket
 await s3.upload(params).promise();

 return res.status(200).json({ message: 'File uploaded to S3 successfully' });
 });
 } catch (error) {
 console.error(error);
 return res.status(500).json({ error: 'Internal server error' });
 }
};

export const config = {
 api: {
 bodyParser: false,
 },
};

</pre>
and then Here's a simple React component that includes an `&lt;input&gt;` field for selecting a file and an `onChange` handler to trigger the file upload:
<pre>import React, { useState } from 'react';

function FileUpload() {
 const [selectedFile, setSelectedFile] = useState(null);

 const handleFileChange = (event) => {
 const file = event.target.files[0];
 setSelectedFile(file);
 };

 const handleUpload = () => {
 if (!selectedFile) {
 alert('Please select a file first.');
 return;
 }

 const formData = new FormData();
 formData.append('file', selectedFile);

 // Make a fetch request to your API route for uploading the file
 fetch('/api/upload', {
 method: 'POST',
 body: formData,
 })
 .then((response) => response.json())
 .then((data) => {
 console.log('File upload response:', data);
 })
 .catch((error) => {
 console.error('File upload error:', error);
 });
 };

 return (
 <div>
 <input type="file" onChange={handleFileChange} />
 <button onClick={handleUpload}>Upload File</button>
 </div>
 );
}

export default FileUpload;
</pre
In this React component:
- The `selectedFile` state is used to store the selected file.
- The `handleFileChange` function is called when the user selects a file in the `&lt;input&gt;` field. It captures the selected file and updates the `selectedFile` state.
- The `handleUpload` function is called when the "Upload File" button is clicked. It checks if a file has been selected, creates a `FormData` object, appends the selected file to it, and then makes a `fetch` request to your API route for uploading the file.
- Make sure to replace `'/api/upload'` with the actual endpoint URL for your file upload API route.
You can include this component in your React application to allow users to select and upload files.

How to upload files using multer and next.js 13

<h1> </h1>
In today's digital age, we rely heavily on technology to manage our finances. Many of us have authorized various applications to access our financial information, providing us with convenience and ease of use. However, there may come a time when we no longer need or trust these authorized applications. In this blog post, we will discuss the steps to remove authorized applications from Chase and other financial institutions, ensuring the security of our sensitive financial data.
<h2>Removing Authorized Applications from Chase</h2>
To remove authorized applications from your Chase account, follow these simple steps:
<ol>
 <li>Log in to your Chase online banking account.</li>
 <li>Navigate to the "Security &amp; privacy" section.</li>
 <li>Look for card or widget with title "Linked apps and websites (X active)"</li>
 <li>Review the list of authorized applications and identify the one you wish to remove.</li>
 <li>Click on the application's name and then click on “Stop Sharing Data”</li>
</ol>
<img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/d7cc142b-a1ad-4f00-a459-6ceb2889a68e/cc2602eb-7720-4767-899c-d1d0bb635a18/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20231008%2Fus-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20231008T202348Z&amp;X-Amz-Expires=3600&amp;X-Amz-Signature=b33011ccc125a9d47aaecf02c047ffb3d3b6fa723f75133fa3e604a3992a8800&amp;X-Amz-SignedHeaders=host&amp;x-id=GetObject">
<img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/d7cc142b-a1ad-4f00-a459-6ceb2889a68e/90fbdac6-e964-4027-a0ed-e4268c016845/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20231008%2Fus-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20231008T202348Z&amp;X-Amz-Expires=3600&amp;X-Amz-Signature=147f52036ed0ec75fafe97e226edfc0bf44da9a7ee97cc3a9f4ceabc4bb28e43&amp;X-Amz-SignedHeaders=host&amp;x-id=GetObject">
<h2>Removing Authorized Applications from Other Fintech apps</h2>
The process of removing authorized applications may vary slightly depending on the Fintech apps. However, most companies use Plaid to connect their app with your bank.
Luckily Plaid maintains a list of companies accessing your data.
To see this list you need to create a plaid portal account using the phone number connected with your banks
<ol>
 <li>To get started you need to create a “Plaid Portal Account” here <a href="https://my.plaid.com/sign-up" rel="noopener noreferrer" target="_blank">Sign Up | Plaid</a>.</li>
 <li>They’ll ask for a phone number because phone numbers used to verify the connection is connected with all the connections authorized so go ahead and wrap up the sign up process</li>
 <li>Once you’ve signed up, Go to <a href="https://my.plaid.com/home" rel="noopener noreferrer" target="_blank">Home | Plaid</a> and on the&nbsp;Overview&nbsp;tab click&nbsp;the name of the app or service</li>
 <li>Click on the app in the list to see a modal with Disconnect button</li>
</ol>
<img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/d7cc142b-a1ad-4f00-a459-6ceb2889a68e/f50b5b2a-6236-4fb8-86ad-af3e8afc2516/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20231008%2Fus-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20231008T202348Z&amp;X-Amz-Expires=3600&amp;X-Amz-Signature=d86b88414e0c97de4041f3390b8f9d06a6a75899634fece1966ce72716b85188&amp;X-Amz-SignedHeaders=host&amp;x-id=GetObject">
<img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/d7cc142b-a1ad-4f00-a459-6ceb2889a68e/f9c5ee39-0eba-4011-9d2b-4815a1d24337/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20231008%2Fus-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20231008T202348Z&amp;X-Amz-Expires=3600&amp;X-Amz-Signature=f7703788b985fa2de811168409eebbe1c529735d1d9c1de28277519270dcb998&amp;X-Amz-SignedHeaders=host&amp;x-id=GetObject">
<blockquote>FTX STILL HAD ACCESS TO MY DATA. GRRR</blockquote>
<h2>Ensuring the Security of Your Financial Data</h2>
While removing authorized applications is important, it's equally vital to maintain the security of your financial data. Here are some additional measures you can take:
<ul>
 <li>Regularly review the list of authorized applications and remove any that you no longer use or recognize.</li>
 <li>Change your online banking passwords frequently and use strong, unique passwords for each financial institution.</li>
 <li>Enable multi-factor authentication whenever possible, adding an extra layer of security to your accounts.</li>
 <li>Monitor your financial transactions regularly and report any suspicious activity to your financial institution immediately.</li>
</ul>
<h2>Conclusion</h2>
In this blog post, we have discussed the steps to remove authorized applications from Chase and other financial institutions. By taking control of the applications that access our financial data, we can ensure the security and privacy of our sensitive information. Remember to regularly review and manage your authorized applications, and take additional security measures to protect your financial data. Stay vigilant and keep your finances secure!

How to Remove Authorized Applications from Chase and Other Financial Institutions

IntroductionMint.com is a popular personal finance management platform that helps users track their expenses, set budgets, and monitor their financial health. While it offers many useful features, some users find the left navigation menu on the website to be quite annoying due to its size and layout. Fortunately, there's a way to address this issue and make your Mint.com experience more enjoyable by using a user CSS plugin. In this article, we'll discuss why the Mint.com left navigation can be annoying and how you can fix it with a simple user CSS plugin download.<h2>The Annoying Mint.com Left Navigation</h2>Mint.com's left navigation menu is undoubtedly a useful tool for accessing various financial features and account information. However, it can become quite annoying for several reasons:<ol><li>Inefficient Use of Space: Some users feel that the navigation menu could be more compact and efficient, allowing them to access the most important features more easily.</li><li>UX : I've been using mint for over 10 years and it was more usable before with just top nav, some old mint.com users miss the old layout</li><li>Users with vertical tabs enabled in edge have smaller viewport and now have two side navs next to each other.</li></ol><h2>The Solution: User CSS Plugin</h2>To address these annoyances and make Mint.com more user-friendly, you can use a user CSS (Cascading Style Sheets) plugin. CSS is a web styling language that allows you to customize the appearance and layout of web pages. With a user CSS plugin, you can modify Mint.com's appearance to suit your preferences.Here's how to fix the Mint.com left navigation with a user CSS plugin:<h3>Step 1: Install the Plugin</h3>Download from <a href="https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb" rel="noopener noreferrer" target="_blank">User CSS - Chrome Web Store (google.com)</a><h3>Step 2: Apply the CSS</h3><pre class="ql-syntax" spellcheck="false">&nbsp;.smart-money-app-left-nav {
&nbsp; position:fixed;
&nbsp; width:100% !important;
&nbsp; max-width:100% !important;
&nbsp; max-height:50px !important;
&nbsp; min-height: 50px&nbsp; !important;
&nbsp; z-index:8;
}


.LeftNavigation-brand-8d8cc9a,.LeftNavigation-bottom-41e94d8{
&nbsp; display:none;
}

.smart-money-app-left-nav ul {&nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; display: flex;
&nbsp; &nbsp; justify-content: center;
}

#main-content{
&nbsp; &nbsp;margin: 0 auto;
&nbsp; &nbsp;max-width: 1500px;
}&nbsp;
</pre><h3>Step 5: Customize to Your Liking</h3>With the user CSS plugin, you can further customize the Mint.com layout, font sizes, colors, and other visual elements to create a more pleasant and efficient user experience.<h2>Conclusion</h2>Mint.com is a valuable tool for managing your finances, but its left navigation menu can be frustrating for some users due to its size and design. Thankfully, you can take matters into your own hands by using a user CSS plugin to customize Mint.com's appearance. Whether you want to make it more compact, remove distracting ads, or simply change the color scheme, a user CSS plugin provides the flexibility to tailor Mint.com to your liking. So, go ahead and download th user CSS plugin to enhance your Mint.com experience today!

Mint.com Left Navigation Got You Annoyed? Here's How to Fix It with a User CSS

Have you ever received a warning message that says "Warning: A title element received an array with more than 1 element as children" when working with titles in Next.js or another React framework.In this article, we will explore what I learned from <a href="https://github.com/icyJoseph" rel="noopener noreferrer" target="_blank">icyJoseph</a>What causes the warning? This warning is caused when an element in your React code is rendered with an array containing more than one element as children. For example, consider the following code:<pre class="ql-syntax" spellcheck="false">const Home: NextPage = () =&gt; {
 const world = "World";
 return (
 &lt;div&gt;
 &lt;span&gt;Hello {world} foo&lt;/span&gt;
 &lt;/div&gt;
 );
};
</pre>React actually renders:<pre class="ql-syntax" spellcheck="false">&lt;div&gt;&lt;span&gt;Hello &lt;!-- --&gt;World&lt;!-- --&gt; foo&lt;/span&gt;&lt;/div&gt;
</pre>He clarifies that :<blockquote>That's a div with a span child, with 0 children elements, but 5 nodes as children. There's a subtle difference between elements and nodes. Here's a handy video. The 5 nodes are, text, comment, text, comment, text. The same is happening to your title element.</blockquote>Such a simple yet insightful explanation.How to fix the warningThe fix for this warning is to ensure that your element has only one child, which should be a single string. You can accomplish this by concatenating your string with any variables outside of the JSX element. Here's an example of how to fix the previous code:<pre class="ql-syntax" spellcheck="false">const Home: NextPage = () =&gt; {
 const world = "World";
 const message = `Hello ${world} foo`;
 return (
 &lt;div&gt;
 &lt;span&gt;{message}&lt;/span&gt;
 &lt;/div&gt;
 );
};
</pre>Which outputs:<pre class="ql-syntax" spellcheck="false">&lt;div&gt;&lt;span&gt;Hello World foo&lt;/span&gt;&lt;/div&gt;
</pre>Now the&nbsp;<code style="background-color: var(--color-neutral-muted);">span</code>&nbsp;has only one,&nbsp;<code style="background-color: var(--color-neutral-muted);">text</code>, child node.Thank you to <a href="https://github.com/icyJoseph" rel="noopener noreferrer" target="_blank" style="color: rgb(76, 139, 245);">icyJoseph</a> for providing a brilliant answer to this question about the warning message.<pre class="ql-syntax" spellcheck="false"> Warning: A title element received an array with more than 1 element as children. In browsers title Elements can only have Text Nodes as children. If the children being rendered output more than a single text node in aggregate the browser will display markup and comments as text in the title and hydration will likely fail and fall back to client rendering at title at head at Head (webpack-internal:///./node_modules/next/dist/pages/_document.js:282:1) at html at Html (webpack-internal:///./node_modules/next/dist/pages/_document.js:685:104) at Document 
</pre>His explanation of the difference between elements and nodes and how to fix the warning was clear and concise.

[Solved] Next.js - Warning: A title element received an array with more than 1 element as children.

<h2>Introduction</h2>Introduction: After years of experience in web design and production, we’ve learned one thing for sure. Frontend engineering is a complex and time-consuming field that can take up a lot of your time and resources. That said, there are some great benefits to pursuing this area of design. For starters, frontend engineers can help you create stunning websites that look great on any device. They can also help you produce high-quality videos and podcasts while keeping your content fresh and engaging. In this guide, we’ll give you the inside scoop on how to get started in frontend engineering—and how to achieve success in this growing field. <h2>What is Frontend Engineering?</h2>Frontend engineering is the process of designing, developing and maintaining the user interface for a website or application. The main purpose of frontend engineering is to make the user experience as smooth and intuitive as possible. To achieve this, engineers typically use design patterns and library functions to create efficient and well-organized interfaces. They also use frontend development frameworks such as React, AngularJS, VueJS, KnockoutJS, and Wix to create web applications or websites. What are the Different Types of Frontend Engineering ToolsThere are many different types of frontend engineering tools available, but three of the most popular are React, AngularJS and VueJS. These frameworks allow you to build interfaces quickly and easily, making them great for creating quick prototypes or small apps. React is also known for its high level of productivity and stability, while AngularJS is fast and easy to learn but can be a little more complex than other frameworks. VueJS is a new framework that has been gaining in popularity over time because it is simple to use yet offers a lot of potential features compared to other frameworks. <h2>How to Get started in Frontend Engineering.</h2>To get started in frontend engineering, you first need to learn the basics of web development. This section will teach you about the different types of websites, how to use CSS to create web pages, and how to use JavaScript to create web applications. Understand the Different Types of Web ApplicationsThere are many different types of web applications that you can build. These include e-commerce websites, social networking sites, news organizations, and more. To understand which type of application best suits your needs, it’s important to first understand the different types of websites that these applications can be used on. This section will help you understand this concept by explaining the different types of websites and their uses. Use CSS to Create Web PagesCSS is a technology that helps you design websites by controlling how they look. To create web pages with CSS, you need to first learn how to use HTML and CSS together. This section will explain how CSS works and show you how to create a basic website using CSS alone. <h2>Tips for Successful Frontend Engineering.</h2>One of the most important skills for frontend engineers is using the right tools. To be successful, you’ll need to use the right programming languages and tools for the job. To get started, check out websites like Codecademy or Lynda.com to learn how to code and create web pages. Use the Right Formatting PrinciplesWhen it comes to formatting your website, you should use common web standards. This means using a style guide that tells you how to write your pages in a specific way, as well as following certain formatting rules when writing content or displaying images. Using these standards can help improve readability and consistency on your website. Use the Right Web StandardsWeb Standards are not just for formatting; they also play a big role in designating which devices will be able to see your website properly (phone, computer, etc.). By following web standards, you can ensure that all devices will be able to understand and display your website correctly. Use the Right FontsTo make your designs look great on different devices, you’ll need to use good fonts. Look for fonts that are used commonly in Europe or North America, as these font families tend to be more popular in those regions than in other countries. Additionally, consider using modern font technologies like Adobe Sans or Trebuchet MS which will look better on modern devices than older types of fonts. <h2>Conclusion</h2>Frontend engineering is a vital skill for any web developer. By understanding the different types of frontend designs, learning how to use CSS to create web pages, and using JavaScript to create web applications, you can build powerful and successful web applications. With the right tools and standards in place, you can build beautiful and user-friendly websites that appeal to a wide audience.

From design to production: the inside scoop on frontend engineering

EverNote is so pushy about paid plans, with their limitations on devices and what note that kind of pushed people away to other options in the market - Notion being the recent cool app and OneNote being the "been there forever" app.With Notion, one of the problems is that doesn't have a sidebar view that most people are used to in EverNote, so for a similar experience as EverNote, people end up with OneNote, and guess what? There is even an importer that makes the process easy to migrate the notes from EverNote to OneNote.&nbsp;While the&nbsp;UI is very similar, the OneNote&nbsp;app is cloggy, the web version is worse, it doesn't offer sorting and hogs the browser, and if you are mac user, in a couple of days, you'd think, "I should've rather paid for EverNote".Let's say you pay for EverNote and wanna&nbsp;start Evernoting again; you'd assume OneNote has some export functionality... hmmm, no, you'd think you can find an exporter just like you found an importer.. hmm no.. You'd think, how is this possible? Someone must have asked EverNote about it, or they'd have thought about it, and wouldn't it make sense for them a build such a tool to easily bring in the OneNoters... Apparently not cuz that would make sense and be logical.So what can help? Is there anything that can help? CloudHQ to the rescue, the only firm that has taken the pain to build a sync/push between the two. Does it work? We are waiting to find out. it does take a while if you are on a free plan cuz they throttle your sync if you are on a free plan, but they have some other sync and backup utils that may be worth the upgrade but definitely give it a shot&nbsp;So, where should you start?This article would be a good starting point to get you set up<a href="https://support.cloudhq.net/how-to-backup-onenote-and-evernote/" rel="noopener noreferrer" target="_blank">Cloud HQ Free Migrator</a>Let us know how it goes!

how to migrate notes from onenote to evernote?

Amazon in a small drop-down lets you decide, how you want to sort your items.
By default it's set to sort by "Featured". You can also change this option to pick one of the following
<ol>
<li>Featured</li>
<li>Price: Low to High</li>
<li>Price: High to Low</li>
<li>Avg. Customer Review</li>
</ol>
But the most annoying part is that Amazon will inject at least 16 items on top/bottom or sometimes in the middle that are "sponsored" items and that pretty much defied the purpose of sorting because "sponsored" items are sorted in an order depending on how much that brand wants to PPC.
So getting back to "How to hide sponsored items on Amazon?"
This trick is for chrome users who know how to open the web inspector in chrome, if you are not a chrome user or have never heard of web inspector this may not help
For those who know how to open web inspector in Chrome, this is a very simple and a neat trick
<h2 id="console" tabindex="0" data-text="Open the Console panel to view logged messages or run JavaScript">1. Open the Console panel in web inspector</h2>
Press&nbsp;<kbd>Command</kbd>+<kbd>Option</kbd>+<kbd>J</kbd>&nbsp;(Mac) or&nbsp;<kbd>Control</kbd>+<kbd>Shift</kbd>+<kbd>J</kbd>&nbsp;(Windows, Linux, Chrome OS) to jump straight into the&nbsp;Console&nbsp;panel.
<h2 id="console" tabindex="0" data-text="Open the Console panel to view logged messages or run JavaScript">2. Paste the following script and hit enter</h2>
<pre class="language-javascript"><code>var i,y=document.getElementsByClassName("AdHolder");for(i=0;i&lt;y.length;i++)y[i].style.display="none";</code></pre>

How to hide sponsored items on Amazon?

There are two ways to get over this annoying /usr/bin error
1. Install the same gem using RVM (Ruby Version Manager), but first, you'll need RVM. Here's how to install RVM on OSX
<pre>\curl -sSL https://get.rvm.io | bash -s stable</pre>
PS: If that didn't work, <a href="https://zwbetz.com/install-ruby-version-manager-on-mac/" target="_blank" rel="noopener">here is some extra help</a>
&nbsp;
2. "-n flag"
Install the same gem using the mysterious "-n flag"
<pre class="language-powershell"><code>sudo gem install cocoapods -n /usr/local/bin</code></pre>
&nbsp;
3. "Create a ~/.gemrc file"
<pre class="language-powershell"><code>code ~/.gemrc</code></pre>
or
With the following content:
<pre class="language-powershell"><code>:gemdir:
 - ~/.gem/ruby
install: -n /usr/local/bin</code></pre>
Now you can install using gem install without the -n flag.
e.g.
<pre class="language-powershell"><code>sudo gem install git_swap</code></pre>

How do I fix the 'You don't have write permissions into the /usr/bin directory' error when installing a gem?

Where to find jobs urgently hiring near me?

The reason we had to look into this is because we wanted to setup our own SMTP email server in a docker and having tried a couple of options we ended up with mailcow. Funny name but the only choice with no SPF and DKIM issues. However it creates a lot of docker containers to get up and running. Not a bad thing until you have to reset all cache and figure out how to restart all docker containers. Now that was our use case, your use case might be completely different but what to do next is the same. First see which containers are running.A simple command to do that is.<pre class="ql-syntax" spellcheck="false">docker ps 
</pre>Do you only have docker container running? If so, to restart that individual container you can run<pre class="ql-syntax" spellcheck="false">docker restart &lt;container_id&gt; 
</pre>If you have multiple docker containers running which is why you probably ended up here try runningOption 1:<pre class="ql-syntax" spellcheck="false">docker ps -q | xargs docker restart 
</pre>If that doesn't work for any reason, also tryOption 2:<pre class="ql-syntax" spellcheck="false">docker restart $(docker ps -q) 
</pre>Love working with docker. Checkout <a href="https://denix.app/us/us/docker" rel="noopener noreferrer" target="_blank">docker jobs</a> Did that work for you?