teleren/devto huggingface dataset:
Get Free SSL By Setting up Certbot with Nginx on AWS
Published: 2024-06-13 13:20:48

Setting up Certbot with Nginx on AWS involves several steps to ensure your website is securely served over HTTPS. Here's a detailed guide:

**Prerequisites:**

1. An AWS account
2. An EC2 instance running Amazon Linux 2, Ubuntu, or another Linux distribution
3. A registered domain name
4. Nginx installed on your EC2 instance

## Step-by-Step Guide:
**Connect to Your EC2 Instance**

```
ssh -i "your-key-pair.pem" ec2-user@your-instance-public-dns
```
**Update Your System**

```
sudo yum update -y  # For Amazon Linux
# or
sudo apt update && sudo apt upgrade -y  # For Ubuntu

```

**Install Nginx**
If Nginx is not already installed, you can install it using:

```
sudo yum install nginx -y  # For Amazon Linux
# or
sudo apt install nginx -y  # For Ubuntu
```

**Install Certbot**

```
sudo yum install -y certbot python2-certbot-nginx  # For Amazon Linux
# or
sudo apt install certbot python3-certbot-nginx -y  # For Ubuntu
```
**Obtain an SSL Certificate**

```
sudo certbot --nginx
```

**Automatic Certificate Renewal**

```
sudo certbot renew --dry-run
```
**Verify HTTPS**

```
After completing the setup, verify that your website is accessible over HTTPS by visiting https://your-domain-name.
```

Thank You
Read More about Devops on https://devopsden.io/
New Dev on the Field.
Tags: webdev, beginners, programming, learning
Published: 2024-06-13 11:32:44

Greetings! 👋

I'm [SOORAJ SURESH](https://www.linkedin.com/in/sooraj-suresh-312726258?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BFxYNNIi6Rh6SzUiwafpH8w%3D%3D), a dedicated B.Tech student specializing in Information Technology, and I'm on a mission to shape the digital world with innovation and security. Currently pursuing my B.Tech degree in Information Technology at INSTITUTE OF ENGINEERING AND TECHNOLOGY,UNIVERSITY OF CALICUT, my journey has been marked by a deep-seated fascination with technology's limitless possibilities.

🌐 Tech Enthusiast:
Throughout my academic pursuit, I have delved into the world of Information Technology with unwavering enthusiasm. From coding and software development to network management and cybersecurity, I've cultivated a comprehensive understanding of IT. This diverse exposure has not only honed my technical skills but also instilled in me a commitment to explore emerging technologies.

🔒 Cybersecurity Advocate:
In an era where digital threats are ever-present, I have developed a keen interest in cybersecurity. Safeguarding data and ensuring the integrity of digital systems is not just a career path for me; it's a calling. I'm eager to contribute to the ongoing battle against cyber threats and promote a safer digital environment for all.

💡 Future Vision:
Looking ahead, my ambition is to leverage my Information Technology expertise to lead transformative projects and drive innovation. From developing cutting-edge software applications to optimizing IT infrastructure, I am excited about the role I can play in shaping the digital future.

🤝 Collaboration and Networking:
I firmly believe in the power of collaboration within the tech community. I am eager to connect with fellow IT professionals, mentors, and industry leaders who share my passion for technology and cybersecurity. Let's connect, share insights, and explore opportunities for collaboration that can elevate our collective impact.

📚 Lifelong Learner:
In the rapidly evolving world of Information Technology, staying current is paramount. I am committed to continuous learning and staying up-to-date with the latest trends and technologies. I am also open to internships, research opportunities, and collaborations that can further enhance my skills and knowledge.

Let's connect and embark on this exciting journey in the world of Information Technology together! Whether you're interested in tech innovation, cybersecurity, or simply want to connect with a fellow tech enthusiast, I'm just a message away.

print("Thank you")
How to Dockerize a React Application
Tags: docker, react, devops, webdev
Published: 2024-06-13 13:09:43

Docker helps us package applications and their dependencies into containers, ensuring they run consistently on any system. 

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

This guide will show you how to dockerize a React application, making it easy to deploy on Windows, Linux, or macOS.

## What You'll Need

Before you start, make sure you have:
- **Docker**: [Get Docker here](https://www.docker.com/get-started)
- **Node.js and npm**: [Get Node.js here](https://nodejs.org/)
- **A React app**: If you don't have one, we'll create a simple one together.

## Step 1: Set Up Your React Application

First, let's create a simple React app using Create React App.

1. **Create a new React project**:
    ```bash
    npx create-react-app my-react-app
    cd my-react-app
    ```

2. **Start the development server to test the app**:
    ```bash
    npm start
    ```
    Open your browser and go to `http://localhost:3000`. You should see the default Create React App welcome screen.

## Step 2: Create a Dockerfile

A Dockerfile tells Docker how to build your application. Create a file named `Dockerfile` in your project folder and add the following:

```Dockerfile
# Use an official Node.js image as the base
FROM node:14 AS build

# Set the working directory
WORKDIR /app

# Copy package.json and package-lock.json
COPY package*.json ./

# Install dependencies
RUN npm install

# Copy the rest of the application
COPY . .

# Build the app
RUN npm run build

# Use an official nginx image to serve the build
FROM nginx:alpine

# Copy the build output to the nginx html directory
COPY --from=build /app/build /usr/share/nginx/html

# Expose port 80
EXPOSE 80

# Start nginx
CMD ["nginx", "-g", "daemon off;"]
```

## Step 3: Create a Docker Ignore File

To ensure Docker doesn't copy unnecessary files, create a `.dockerignore` file in your project folder and add the following:

```
node_modules
build
.dockerignore
Dockerfile
```

## Step 4: Build Your Docker Image

Open your terminal, make sure you're in the project folder, and run:

```bash
docker build -t my-react-app .
```

This command tells Docker to build an image named `my-react-app` using the instructions in the Dockerfile.

## Step 5: Run Your Docker Container

Now, let's run our container:

```bash
docker run -p 80:80 my-react-app
```

This command tells Docker to run the `my-react-app` image and map port 80 on your machine to port 80 in the container.

## Step 6: Access Your Application

Open your browser and go to `http://localhost`. You should see your React app running, but this time it's served by an Nginx server inside a Docker container.

## Conclusion

You’ve successfully dockerized your React application! This setup ensures your app will run the same way on any machine with Docker installed, making it easier to share and deploy.

Dockerizing applications might seem daunting at first, but it greatly simplifies deployment and ensures consistency across environments. 
Happy coding!
Sponsor your repo! Down below!
Tags: discuss, opensource, webdev, programming
Published: 2024-06-13 13:07:29

Hi Everybody,

I'm Antonio, CEO & Founder at [Litlyx.com](https://litlyx.com)

I'm keeping a schedule to publish an awesome list for great resources once a day.

I want to feature your open-source repo in my new POSTS here in dev.to. 

If you like to be featured, comment down below with the link to your repo.

Share some ❤️ Star us (★) on github [here](https://github.com/Litlyx/litlyx)!

We will give back love to everybody from Italy!

Wanna be featured in my future dev.to post?? 👇
Top Customizable Pod Solutions for Modern Offices
Published: 2024-06-13 12:58:14

The Pods Factory was co-founded by Robin Hagedoorn, the visionary behind Stay Inn Hotels, and Bram Breukers, an expert in social furniture and logistics. Stay Inn Hotels, renowned for its innovative approach combining luxury with affordability, served as the initial testing grounds for what has now evolved into The Pods Factory.

Pod hotels are not a new concept, having thrived in Japan for decades, albeit with traditional Japanese-style pods known for their compact size and limited appeal. However, the idea of space efficiency and privacy is undeniably brilliant. "When I began with Stay Inn Hotels, transforming two historic buildings into luxury accommodations, I was set on introducing pods," recalls Robin Hagedoorn. "But my vision was for upscale pods—a premium experience at an excellent value, produced sustainably, with versatility, durability, ease of installation, and easy maintenance." This vision led Hagedoorn to collaborate with Bram Breukers, whose expertise was crucial in turning this concept into reality.

The journey towards perfecting their pod vision was arduous yet fulfilling. It involved over a year of meticulous planning, rigorous testing, learning from mistakes, and relentless dedication. "I tend to be quite particular," admits Hagedoorn with a smile. "When we finally achieved our ideal product, we inadvertently established a pod manufacturing hub," remarks Breukers. "That's when we decided to assist fellow hospitality pioneers in adopting pod technology seamlessly, leading to the birth of The Pods Factory. We invite you to explore Stay Inn Hotels, our other partners in the hospitality sector, and, of course, our pod offerings, to discover how The Pods Factory can enhance your revenue and deliver an exceptional pod experience to your guests. We firmly believe that everyone benefits from embracing this transformation towards a future enriched by pods: guests and owners alike.

[We eagerly anticipate the opportunity to connect with you.](https://thepodsfactory.com/)"
Deep learning with cats
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-13 12:51:06

_This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer._

## Explainer
<!-- Explain a computer science concept in 256 characters or less. -->

Deep Learning is like teaching a kid to recognise cats. Start by showing them hundreds of cat pics. The kid eventually becomes so good at recognising cats they start finding cats in clouds, mud puddles, code comments, and even Stack Overflow posts.

## Additional Context
<!-- Please share any additional context you think the judges should take into consideration as it relates to your One Byte Explainer. -->

We all know artificial intelligence (AI) has taken the world by storm, especially with generative AI. Deep Learning (DL) is one subset of Machine Learning (ML). This methods is based on multi-layered neural networks with representation learning. This process mimics the human brain and is best seen in childhood learning. The idea of teaching a child what something is so they eventually can recognise the object themselves. I decided to use cats, because the internet loves cats right?! :heart:

My cover heading is made using DreamShaper XL's on [Night Cafe Studio](https://creator.nightcafe.studio/). It's a Stable Diffusion model that's been fine tuned. Both this model and Dall-E are trained on millions or billions of text-image pairs, just like we'd teach a kid to recognise what a cat is :cat:.


<!-- Don't forget to add a cover image to your post (if you want). -->


<!-- Thanks for participating! -->
A small project: Short.moe
Tags: webdev, beginners, programming, opensource
Published: 2024-06-13 12:40:45

I’ve been recently working on a project with the domain short.moe creating a serverless URL shortening service.

[Short.moe](https://short.moe) is a free URL shortener service that allows you to easily shorten long URLs into shorter, more manageable links. Built with NextJS 14, Clerk, Prisma, and PostgreSQL, hosted on serverless on Vercel, Short.moe is designed to be both easy to use and user-friendly.

## Key Features

### Easy URL Shortening

With Short.moe, you can shorten URLs without the need to create an account. When shortening a URL without an account, the slug/alias (the unique part of the shortened URL) will be randomly generated using the nanoid package.
Account-Based Customization

For users who create an account, Short.moe offers the ability to set custom slugs. This means you can create memorable, aliased links that are easy to share and recall. Clerk handles authentication, making the process of signing up and managing your account straightforward. On the technical side, this was very easy to do.

## In Short

[Short.moe](https://short.moe) aims to be an easy option for anyone looking to shorten URLs quickly and easily, whether with or without a personalized alias/slug. Thank you for reading this short post.
What are the most common English words you use at work?
Tags: beginners, tutorial, teaching, english
Published: 2024-06-13 12:35:29

Ah, the jigsaw puzzle of language that we navigate each day, especially in the bustling hive of activity we call work. For those of us whose days are peppered with the cadence of English, whether by choice or by circumstance, there's a handful of words that become our trusty companions, our linguistic sidekicks, helping us wade through meetings, emails, and water cooler chats with ease. So, grab your metaphorical magnifying glass, because we're about to zoom into the microcosm of workplace vocab!

First up, let's talk about the humble "hello." Picture this: you step into the office, a hot cup of coffee in hand, and there it is, waiting to kick-start your day like a friendly morning hug. "Hello" is the gateway to connection, the linguistic handshake that greases the wheels of workplace camaraderie. It's the verbal high-five that sets the tone for collaboration and teamwork, reminding us that we're not alone in this whirlwind of deadlines and projects.

But wait, there's more! As we delve deeper into the trenches of office life, we encounter another stalwart soldier in our lexical arsenal: "email." Ah, the digital messenger pigeon of the modern age, soaring through cyberspace to deliver missives of importance, urgency, or sometimes just a gentle reminder to RSVP for Friday's team lunch. "Email" is the invisible thread that stitches together the fabric of our professional interactions, allowing us to communicate across time zones and continents with the click of a button.

Now, let's fast forward to that dreaded moment: the meeting. As we gather around the conference table like knights preparing for battle, we arm ourselves with the most powerful weapon in our linguistic arsenal: "agenda." Like a compass guiding us through the treacherous waters of corporate discourse, the agenda keeps us on track, steering us away from tangents and rabbit holes with the precision of a seasoned navigator. It's the roadmap to productivity, the blueprint for success in the tumultuous sea of meetings.

But amidst the hustle and bustle of the workday, there's one word that reigns supreme, the undisputed heavyweight champion of workplace vernacular: "deadline." Just uttering the word sends shivers down the spine of even the most seasoned professional, conjuring images of ticking clocks and looming specters of unfinished tasks. "Deadline" is the sword of Damocles dangling above our heads, the ticking time bomb that propels us into action with a sense of urgency unmatched by any other word in the English language.

So, there you have it, folks: a glimpse into the wild and wonderful world of workplace vocabulary. From the friendly "hello" to the dreaded "deadline," these words are the building blocks of our professional lives, the glue that holds our daily routines together. So the next time you find yourself navigating the maze of office jargon, remember the power of words and choose wisely, for they have the potential to shape not only your interactions but also your entire work experience.
Simply Customize It! My First App
Tags: swiftui, apple, appstore, discuss
Published: 2024-06-13 12:32:03

My first Apple app was just approved for the App Store! And I had to share here in case you have a reMarkable, an e-paper device, and want to use it. That said, I’m also sharing as I’m planning on creating a post sharing what I learned with the App Store in case it helps someone else. Let me know if you have any questions and maybe I can help or someone else in the discussion can. 

Back when I first bought my reMarkable e-paper device I decided I needed to change out the custom templates and then I really wanted to switch out the sleep screen image. This led to me writing a couple how to posts, getting questions, and ultimately working on implementing an Apple app. It is now out on both macOS and iOS devices so you can also change out your templates and screens with a simple button press too!


![app logo surrounded by screenshots of the iOS and macOS store](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9aj67nuizfg09fnmfbfg.png)

If you want to check it out you can find it in the store here https://apps.apple.com/us/app/simply-customize-it/id6443862161 or learn more about it on my website here: https://www.simplykyra.com/simply-customize-it/
How much knowledge of English is required in IT?
Tags: productivity, career, language
Published: 2024-06-13 12:31:05

Hey there, fellow adventurers on the journey through the vast landscape of IT! Today, let's talk about something that's often whispered about in hushed tones: English proficiency. Yes, that's right, the big ol' elephant in the room. As an English teacher with a penchant for travel and a love for all things tech, I've seen firsthand how English proficiency can be both a superhighway and a labyrinth in the world of Information Technology.

Picture this: You're standing at the entrance of a bustling marketplace, each stall laden with shiny gadgets, innovative solutions, and opportunities galore. This, my friend, is the IT realm, a bustling metropolis where ideas flow like rivers and innovation crackles in the air. Now, imagine trying to navigate this maze without a map, without a guide. That's what it feels like when your English skills are shaky in the IT world.

English isn't just a language in IT; it's the lingua franca, the universal currency that oils the wheels of collaboration and innovation. It's the language of code, of documentation, of forums buzzing with knowledge exchange. Without a solid grasp of English, you might find yourself adrift in a sea of jargon, struggling to catch the drift of conversations flying past you like supersonic jets.

But fear not, brave souls, for I come bearing tidings of hope! You see, the beauty of the IT realm lies in its inclusivity, its openness to those willing to learn and adapt. You don't need to be a Shakespearean scholar or a linguistic virtuoso to thrive here. No, all you need is a willingness to roll up your sleeves and dive headfirst into the ocean of English learning.

So, how much English do you really need in IT? Well, that's a bit like asking how much water you need to sail a ship. The more, the merrier, of course! But even a small stream can carry you forward if you know how to harness its power. Start with the basics, the building blocks of communication: greetings, introductions, simple requests. Then, gradually level up your skills, like unlocking achievements in a video game.

Before you know it, you'll be conversing fluently with colleagues from around the globe, deciphering cryptic error messages with ease, and delving into the deepest recesses of technical documentation like a seasoned explorer. And along the way, you'll discover a whole new world opening up before your eyes, a world where language is the key to unlocking infinite possibilities.

So, my dear fellow travelers on the road to IT mastery, take heart and take heed. Embrace the challenge of learning English, for it is a journey worth embarking upon. And remember, as you navigate the twists and turns of this wondrous realm, the language barrier may loom large at times, but with perseverance and determination, you can conquer it like a valiant knight vanquishing a fearsome dragon.

Safe travels, my friends, and may the winds of English carry you ever onward towards the shores of success in the vast and vibrant landscape of Information Technology! Maybe let's [study](https://grade.ua/uk/) together?
Hire The Experienced Shopify Web Builders at Liquidweb Developers
Published: 2024-06-13 12:21:00

Shopify offers a user-friendly and intuitive interface that allows even those without technical expertise to set up and manage their online stores. Our skilled Shopify web builders provide you with scalable, secure, easy-to-use, and highly responsive Shopify store development solutions at affordable costs. Visit our website for more information.
https://www.liquidwebdevelopers.com/services
NextJS Discord Bot | Create and host a bot for free.
Tags: discord, nextjs, javascript, webdev
Published: 2024-06-13 12:19:46

Nextjs Discord Bot... **for free?** Yes! we can actually create one using nextjs and host it for free in vercel! I made a template to make the process much easier!

🚀 [Github Template Repository](https://github.com/mmvergara/nextjs-discord-bot-boilerplate)
 
🚀 [Invite the bot to your discord](https://mmv-nextjs-discord-bot-boilerplate.vercel.app/)

###  Easy Command building
This template wants you to just focus on making commands and we will do the rest. how you can easily create one.
```ts
import { SlashCommandBuilder } from "@discordjs/builders";
import { executeCommand } from "@/types";

// to add a command go to ./commands folder and create a new ts file

// the command title/name should match the command.ts file for
//      ex. for tutorialhere command you should name the file tutorialhere.ts

// Don't change register and execute variable names
export const register = new SlashCommandBuilder()
  .setName("tutorialhere")
  .setDescription("description of your command");

export const execute: executeCommand = async (interaction) => {
  // You have access to do interaction object
  // https://discord.com/developers/docs/interactions/receiving-and-responding#interaction-object

  // Do your bot logic here
  // You can even connect to a database

  // you should return a APIInteractionResponse
  // https://discord-api-types.dev/api/discord-api-types-v10#APIApplicationCommandInteraction
  return {
    type: 4,
    data: {
      content: `Hello World! ${interaction.member?.user.username}`,
    },
  };
};
```
thats it?! YEP simple as that, easy peasy

### How it works 🔎
A discord bot like this is possible because of the discord API, TLDR its just a normal http communication and our response just need to be a json format of type [APIInteractionResponse](https://discord.com/developers/docs/interactions/receiving-and-responding#interaction-response-object) and then the bot will respond!

Given all of the simplicity on how it works, there are still few things we need to take care of like, body parsing, interaction, registering the commands, verifying request, creating commands, typing system.

This boilerplate does it all for you so you can just focus on making commands and will take care of the underlying stuff so you can register and .

### Limitations 🐣
As you might have guessed, this Discord bot cannot listen for messages or other events in the server and is likely restricted to handling slash commands only.

### Future Plans?
Edge support, its very doable!

{% embed https://github.com/mmvergara/nextjs-discord-bot-boilerplate %}