teleren/devto huggingface dataset:
How to Make Responsive Blog Website Using HTML CSS JavaScript
Tags: css, javascript, beginners, tutorial
Published: 2022-09-11 12:51:05

{% youtube NNQuhOeM0mI %}

How to make Responsive Blog Website Using HTML CSS JavaScript

This video will show you how to build a blog website using html css javascript

[Github Repo](https://github.com/codewithsadee/blogy)

---

HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
🔔 Subscribe : [subscribe now](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1)

---

🔗 Essential links
-----------------------------
[Download the starter file to practice](https://drive.google.com/file/d/10ssXyyO4zFiGLs6AM_DtoHzYNnS4caGm/view?usp=sharing)

---

⏱️ Timestamps
-----------------------------
0:00 - Demo
4:36 - File structure
5:03 - Project initial
10:26 - Header
29:20 - Hero section
35:31 - Features post
50:50 - Recent post
59:46 - Recommended post
1:04:24 - Newsletter
1:06:28 - Footer
1:13:58 - Media queries

---

[![Become a patreon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fnjl14kdm5qf08hu5lop.png)](https://www.patreon.com/bePatron?u=62535867)
How to install Napkin Collect on Android
Tags: tutorial, android
Published: 2022-09-11 12:45:39

## What's Napkin?
[Napkin.one](http://napkin.one/) is an app to collect ideas. It has AI to auto tag for creating connection between your ideas. That helps you inspiring more ideas when you random ideas of the past.

## Installation
- **Step 1** : Download apk file of the app at [my GitHub repo](https://github.com/TaQuangKhoi/Napkin-Collect-Android/releases)
- **Step 2** : Install this apk file
{% embed https://www.loom.com/share/7f21314ec828418cb0e95806863ac122 %}

## Setup
- **Step 1** : Generate Token in app.napkin.one
{% embed https://www.loom.com/share/459a25ab594e4fa0955686822b9fb8f4 %}
- **Step 2** : Go to Settings in App
  - Type your email
  - Paste the token

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kb32z82x16f47fuuzj8j.jpg)
- **Step 3** : Click SAVE button

## How to Use
### Send Thought
- **Step 1** : Type your idea. And optional the url of this idea.
 - **Step 2** : Click SEND button.
{% embed https://www.loom.com/share/1822818051b6453dbb090fdb267f772f %}

### Share thought from other apps
- **Step 1** : Select the text
- **Step 2** : Share this text to Napkin
{% embed https://www.loom.com/share/9244a38fc519441083f87a5a6e77ab74 %}

---

Enjoy your inspiring life. 🥰
Multiple SSH keys for different Git accounts
Tags: git, ssh, github, gitlab
Published: 2022-09-11 09:54:35

## 🗒️ Content

1. Before SSH Keys Setup
2. Connecting to GitLab with SSH
3. Connecting to GitHub with SSH
4. A Better Keys Organization

---

## 1. Before SSH Keys Setup
- Checking for existing SSH keys file
```shell
$ ls ~/.ssh
id_rsa  id_rsa.pub  known_hosts
```
- Confirm active public SSH keys (`*.pub`) in ssh-agent
```shell
$ ssh-add -L
```
- Remove all old keys
```shell
$ rm -r ~/.ssh
```

## 2. Connecting to GitLab with SSH
- **Step 1**: Generate an SSH key pair
```shell
$ ssh-keygen -t ed25519 -C "<your_email_01>@gmail.com"
Generating public/private ed25519 key pair.
Enter file in which to save the key (/home/<user>/.ssh/id_ed25519): /home/<user>/.ssh/id_ed25519_gitlab
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
```
- **Step 2**: Add an SSH key to your GitLab account
```shell
$ cat ~/.ssh/id_ed25519_gitlab.pub
# or
$ xclip -sel clip < ~/.ssh/id_ed25519_gitlab.pub
```
Copy the contents of your public key file by manually or a script. Then coming to _GitLab > Preferences > SSH Keys_
- **Step 3**: Verify that you can connect
```shell
$ ssh -T git@gitlab.com
...
Are you sure you want to continue connecting (yes/no/[fingerprint])? yes
Welcome to GitLab, <user_name>!
```

## 3. Connecting to GitHub with SSH
- **Step 1**: Generate an SSH key pair
```shell
$ ssh-keygen -t ed25519 -C "<your_email_02>@gmail.com"
Generating public/private ed25519 key pair.
Enter file in which to save the key (/home/<user>/.ssh/id_ed25519): /home/<user>/.ssh/id_ed25519_github
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
```
- **Step 2**: Add an SSH key to your GitLab account
```shell
$ cat ~/.ssh/id_ed25519_github.pub
# or
$ xclip -sel clip < ~/.ssh/id_ed25519_github.pub
```
Copy the contents of your public key file by manually or a script. Then coming to _GitHub > Settings >  SSH and GPG keys_
- **Step 3**: Verify that you can connect
```shell
$ ssh -T git@github.com
...
Are you sure you want to continue connecting (yes/no/[fingerprint])? yes
Hi <user_name>! You've successfully authenticated, but GitHub does not provide shell access.
```

## 4. A Better Keys Organization
For more information on these settings, see the [man ssh_config](https://man.openbsd.org/ssh_config)
```shell
$ cd ~/.ssh/
$ touch config
$ vi config
# GitLab
Host gitlab.com
  PreferredAuthentications publickey
  IdentityFile ~/.ssh/id_ed25519_gitlab

# GitHub
Host github.com
  PreferredAuthentications publickey
  IdentityFile ~/.ssh/id_ed25519_github
```
React.JS Project | Next.js | React Query
Tags: react, nextjs, javascript, webdev
Published: 2022-09-11 12:41:05

## Meal-khuj

A React app, where you can find meals recipe and save your favorite recipe for later.

**live preview: [https://meal-khuj.netlify.app](https://meal-khuj.netlify.app)**<br>
**youtube-tutorial: [https://youtu.be/JtfduKrxRH8](https://youtu.be/JtfduKrxRH8)**<br>
**live-streams: [twitch](https://www.twitch.tv/collections/_B3PzAnVDxe7BQ)**<br>
**API used: [themealdb](https://www.themealdb.com/api.php)**

---

### Full Tutorial
{% youtube JtfduKrxRH8  %}

---

### Things we are going to learn/use
- React.js
- Next.js
- React Query
- React Hot Toast
- Axios
- more...

## Other projects

📚 [All Web Cifar Projects][wc-projects]

## Feedback

If you have any feedback, please reach out to us at [@web_cifar][wc-ig], or webcifar@gmail.com

## Get Support

For support, join our [Community Group][wc-fb-group].

Happy Coding! ✨🚀

[arfan-ig]: http://instagram.com/shaifarfan08
[wc-ig]: http://instagram.com/web_cifar
[wc-projects]: https://github.com/ShaifArfan/wc-project-tutorials
[wc-fb-group]: https://www.facebook.com/groups/webcifar
Learning a language
Tags: javascript, webdev, beginners, productivity
Published: 2022-09-11 12:36:05

Learning a programming language is Alot like learning a spoken language. It takes time and the way to mastery is through practice. Every language has a syntax that gives it flow and a fountain for creativity. In English, it is mainly the alphabetic order that is key to every word. What is its equivalent in JavaScript?

I would argue its the data types. How they interact is what determines what is created. This is what gives programmers the ability to create great "speeches" or otherwise amazing companies.
The learning curve for any language is often done better by understanding and internalizing 70% of its daily lingo. In Javascript its understanding the different ways statements can be written and weaved for good execution. Its my third time relearning JavaScript and every time. It feels new and new. 
Consistency is what makes one better in whatever language you choose, spoken or programmed. This is the only way to better and give your best to the world. To more value!
Send Email using HTML + JavaScript (EmailJs Tutorial)
Tags: javascript, emailjs, webdev, beginners
Published: 2022-09-11 12:34:20

In this tutorial, I have shown you how to send emails from an HTML form using JavaScript.  I created a simple functioning contact us form. For the design, I used Bootstrap. If you have any doubts, feel free to comment.

If you feel this tutorial is useful, smash the like button. If you are new to my channel, please subscribe. More amazing tutorials are on the way.

https://youtu.be/dgcYOm8n8ME

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08uxnt6qspplzzx1lfo7.jpg)
Advanced React: useFetch custom hook. Master custom hooks in just 10 minutes.
Tags: javascript, react, webdev, tutorial
Published: 2022-09-11 12:10:29

Advanced React: useFetch custom hook. Master custom hooks in just 10 minutes.

https://youtu.be/KqQu9kYJaFI

#javascript #react #reactjs #reactdeveloper #javascriptdevelopers #ministryofjavascript
Breaking: Fast Refresh for .env files in Next.js 12.3
Tags: nextjs, news, webdev, productivity
Published: 2022-09-11 11:40:04

Next.js 12.3 is out with a new set of improvements. A feature that will definitely save me a lot of time is [Improved Fast Refresh](https://nextjs.org/blog/next-12-3#improved-fast-refresh)

Anyone working with older versions of Next.js would have faced the inconvenience of restarting the server to reload updated environment variables from `.env` files.

Create React App also has the same problem. For any change in a file like `.env.local`, the app will not reload, neither the component will refresh. You have to manually restart the server.

This change from Next.js team is definitely welcome.

## A Demo

<figure>
<img width="100%" style="width:100%" src="https://im2.ezgif.com/tmp/ezgif-2-90865c288b.gif"><figcaption>Fast Refresh for environment variables</figcaption>
</figure>

In Next.js, environment variables that have to be exposed to the browser should be prefixed with `NEXT_PUBLIC_`. `Home` component uses `NEXT_PUBLIC_NAME` and `NEXT_PUBLIC_AGE`. Changing `NEXT_PUBLIC_NAME` makes it reload. Unlike the previous versions of Next.js, I do not need to run `npm run dev` again here.


## Fast Refresh vs Hot Reload

There are subtle differences between Fast Refresh and Hot Reload. Hot Reload generally reloads the whole app on change of a file.
Fast Refresh only reloads the file that is changed. If you edit a file that only exports React component(s), Fast Refresh will update the code only for that file, and re-render your component. Read up more [here](https://nextjs.org/docs/basic-features/fast-refresh#how-it-works) 

Similarly if an environment variable is changing, only files containing these environment variable will fast refresh.

<figure>
<img width="100%" style="width:100%" src="https://im2.ezgif.com/tmp/ezgif-2-e278d77fd1.gif"><figcaption>Fast Refresh only reloading the changed component</figcaption>
</figure>

In the above demo, the `footer` is accessing an environment variable `NEXT_PUBLIC_NAME`. The component has an `alert` statement too.

Notice how the alert is only triggered when the `NEXT_PUBLIC_NAME` changes and not when `NEXT_PUBLIC_AGE` changes. This proves that a component will only reload when `.env` variables relevant to it will change.

## Summary

I think this feature was much needed and will definitely fasten up the development process and make it more enjoyable. What is your favourite feature from Next.js 12.3? Let me know in the comments
Save EC2 costs by using a AWS Savings plan
Tags: cloud, aws, programming, devops
Published: 2022-09-11 11:11:45


# Save EC2 costs by using a AWS Savings plan

This is a real-life case of how I save 38% of EC2 micro cost using  [EC2 Instance Savings Plan](https://aws.amazon.com/savingsplans/).

I have an EC2 micro running at the moment which is always running a Barbershop website. There is no plans to take down or switch infrastructure within the next year so I thought I would save some costs by pre purchasing the EC2 using  [EC2 Savings plan](https://aws.amazon.com/savingsplans/).

# Calculate savings

First calculate how much you will save using savings using this  [AWS Savings plan Calculator](https://aws.amazon.com/savingsplans/compute-pricing/)

Here I calculate my costs for an EC2 micro

![](https://miro.medium.com/max/1050/1*JHdqJuLEU-N-0a5NDsLzwg.png)

As you see here it will cost me 0.0072 per hour.  
For a month it will cost around $5.18 (0.0072 x 24 x 30 = 5.184)

Check how much you pay currently for your EC2 in your Billing Dashboard by going to your AWS Billing Dashboard and selecting last month’s bill

As you see below I pay $8.63 per month

![](https://miro.medium.com/max/1050/1*hrEkRnmqtInNXEE7yYRytw.png)

So I will save $3.45 per month ($8.63 — $5.18) which would be $41.40 per year. Quite decent for not doing much🤑

# Configure a EC2 Savings plan

Once you buy an EC2 savings plan it will automatically be applied to the EC2’s in your AWS account. You don’t need to do anything with your server it’s a billing configuration.  [See for more information](https://aws.amazon.com/savingsplans/faq/)

Go to your AWS Billing Dashboard > Savings Plan > Purchase subscription

Configure your plan as per your  [EC2 calculations you did above](https://aws.amazon.com/savingsplans/compute-pricing/)

**Term**

-   Select — 1 or 3 years (3 years more savings)
-   Region — Make sure to select same region your EC2 is in!
-   Instance family — Select same instance type that your EC2 is

**Purchase Commitment**

-   Copy the same value you got in your  [EC2 calculator](https://aws.amazon.com/savingsplans/compute-pricing/)  (you could also pay more if you like)

![](https://miro.medium.com/max/771/1*6wEq1VLrwrU-ypialLWVbA.png)

-   Payment option — select if you want to pay more upfront which would give you even more savings or leave it as no upfront.

**Start Date**

-   You can set a start date if you like but this is optional.

**Double check again the region you are using and the type of EC2**

**Add to cart**

This was my EC2 micro configuration for a year

![](https://miro.medium.com/max/1050/1*Wa1N9TI-sYgMHZC2aquhSQ.png)

**Submit order**

Click inventory and your order will be in review

_Above is based on AWS August 2022 pricing_

Hope this helps😁

Feel free to comment with questions or feedback✌️

Happy coding,

Az 👨🏾‍💻

# Credits

- [https://aws.amazon.com/](https://aws.amazon.com/)
- [image](https://pixabay.com/images/id-2889046/)
- [medium to markdown converter](https://stackedit.io/app#)
Transition from App Delegate to SwiftUI life cycle
Tags: swiftui, swift, appdelegate
Published: 2022-09-11 11:00:53

---
title: Transition from App Delegate to SwiftUI life cycle
published: true
description: Transitioning from one to the other seems trivial at first, makes you scratch your head shortly later only to realise that it actually is quite trivial.
tags: swiftui,swift,appdelegate
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

Apple introduced the new SwiftUI life cycle some years ago. I still had some apps that used UIKit and the App Delegate life cycle.

Transitioning from one to the other seems trivial at first, makes you scratch your head shortly later only to realise that it actually is quite trivial.

Before you start you should redesign your views in `SwiftUI` and create a `YourSwiftUIView` which serves as the first view your users are presented with.

Firstly, remove `@UIUIApplicationMain` from your AppDelegate class.

Secondly, create a SwiftUI `App struct`:

```swift
import Foundation
import SwiftUI

@main
struct yourAppName: App {
		// Relevant if you use CoreData
    let persistenceController = PersistenceController.shared

    var body: some Scene {
        WindowGroup {
            YourSwiftUIView()
		            // Relevant if you use CoreData
                .environment(\.managedObjectContext, persistenceController.container.viewContext)
        }
    }
}
```

Thirdly, remove `UIApplicationSupportsMultipleScenes` key from your InfoPlist. This key will have quite an entourage. Remove it all.

```xml
<dict>
	<key>UIApplicationSupportsMultipleScenes</key>
	<false/>
	<key>UISceneConfigurations</key>
	<dict>
		<key>UIWindowSceneSessionRoleApplication</key>
		<array>
			<dict>
				<key>UISceneConfigurationName</key>
				<string>Default Configuration</string>
				<key>UISceneDelegateClassName</key>
				<string>$(PRODUCT_MODULE_NAME).SceneDelegate</string>
				<key>UISceneStoryboardFile</key>
				<string>Main</string>
			</dict>
		</array>
	</dict>
</dict>
```

Finally you can remove all the Storyboard Files and accompanying ViewControllers.
Building a Mint Solana NFT Frontend with NextJS and Metaplex
Tags: nextjs, solana, metaplex
Published: 2022-09-11 10:56:42

Let's build an NFT minter with Nextjs and Metaplex on the Solana network.

We start by initiating Metaplex and Wallet.
```tsx
import { useWallet } from "@solana/wallet-adapter-react";
import { useMetaplex } from "hooks/useMetaplex";
// ...
  const { metaplex: mx } = useMetaplex();
  const wallet = useWallet();
```

Use `findAllByOwner` To retrieve NFT Metadata by its owner public key.
```tsx
    const owner = mx.identity().publicKey;
    const nfts = (await mx
      .nfts()
      .findAllByOwner({ owner })
      .run()) as Metadata[];
```

Use `uploadMetadata` to upload the metadata and `create` to use the metadata to create the NFT.
```tsx
        const { uri, metadata } = await mx
          .nfts()
          .uploadMetadata({
            name: data.name,
            description: data.description,
            image: toMetaplexFile(arrayBuffer, "metaplex.png"),
          })
          .run();

        const { nft } = await mx
          .nfts()
          .create({
            uri,
            name: data.name,
            sellerFeeBasisPoints: 500,
          })
          .run();
```

Here is the repository:
[metaplex-nextjs-starter](https://github.com/aeither/metaplex-nextjs-starter)
Breaking a background out of its container
Tags: css
Published: 2022-09-11 10:53:20

I recently had an element inside a container. The container had a max-width set. But I needed the background colour of my element to fill the width of the screen. I couldn't change the HTML or the max-width of the container. What to do?

## Box shadow
The first thing I did was to [remember the video short I'd seen recently from Kevin Powell](https://www.youtube.com/shorts/81pnuZFarRw). In it, he uses a box-shadow to cover the screen in the background colour, then use clip-path to contain the box-shadow.

I tried it, it worked a treat. Until I had to add an absolutely positioned element that starts inside the element but finishes outside of it. The clip-path cut it off. Fortunately, there's another way.

## Positioning
All you need is:
```css
.element {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
```
We set the element to be so 100% of the width of the screen. This means its left edge starts at the beginning of the container and the right edge is off the right of the screen. We can then use the old positioning trick to make it start at 50% of the way across and move it back by 50% of its width.

Simple when you know how!
Hello community!
Published: 2022-09-11 09:55:41

I'm a web developer (PHP, jQuery, MariaDB, Bootstrap)
and interest in Learning: Julia, Rust, Python, Database.
Here share my study anything I like. 

不定期紀錄自己工作上或學習的過程，透過寫作讓自己更了解技術，希望也能幫助到他人:)
Django Skills Roadmap To Getting A Job
Published: 2022-09-11 09:51:56

As a django beginner(junior dev)you are  face with confusion of where to start because there are too many information out there for you to learn.

As a reader and a researcher I came across this blog post that is well detailed about django roadmap in to getting a job.

Please read it here to remain focus in your web development journey.
 Goodluck, we got you covered.
https://dennisivy.com/django-skills-roadmap
Infrastructure as a Code || Building your Skills & Confidence
Tags: programming, aws, iac, cloudskills
Published: 2022-09-11 09:50:19

It's Truly Amazing how much we can gain from Reading!!! This one Link, has answered almost every question I have had, Sometimes its easy to watch others via Video to gain an understanding, **however nothing builds a Better Engineer than Trial and Error**, **#AWS does not just provide you with necessary Functions to Compile #IAC (Infrastructure as a Code)** but gives you Sample Templates and Truly Teaches not just mere Code Construction but allows you to **Validate the Metadata, Parameters, Resources, Mappings & Outputs within the Management Console, you watch what becomes a Simple Solution Diagram come to Life!** For me my work is an artistic artform impression and mastering a craft takes a lifetime, its better to build a foundation from a blueprint within your own understanding, so its easier to teach and impart Development as a Team. **Certifications have value in the Skills you Possess, that is the Value and purpose behind the accreditation**, So Read, Learn, Build Together, Make Mistakes and build up your Confidence. Nothing is lost in Knowledge. 

https://docs.aws.amazon.com/index.html

 #awscommunitybuilders #awscertified #reading #skillsbuilding #cloudformation #terraform #passion #collaboration
State Management in React
Tags: javascript, webdev, react, beginners
Published: 2022-09-11 09:44:34


![I am confused...](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s5qqtj41nibre2luar6j.jpg)
You may have heard about different tools to manipulate the state in React and a lot of arguing around the pros and cons of each, but here is the naked truth - all are good, it just depends on the task. I am here to help to pick the right tool for your project with a short comparison.

First of all, let's define the terms. 

State management is about how an application handles the data needs of its components, with regards to loading, storing, and sharing this data.

Your state management tools and techniques depend on:

1. The size and complexity of your application
2. How many components need to share data
3. The unique strength and weaknesses of each

![Diagram](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ti4qjxyzkzks3xjut6aa.png)

You can take a look at different approaches here : [Link to github](https://github.com/Ellinsa/React-state-management-example)

Feel free to share your thoughts and opinion about this topic :)

Live long and prosper!
Happy coding!
関数型プログラマーにとっての関数型プログラミングと命令型・オブジェクト指向のイメージ
Tags: 関数型プログラミング
Published: 2022-09-11 09:33:47

![functional programming layer](https://user-images.githubusercontent.com/1316994/189518941-c6c4262f-a92e-40f4-a0b5-eee26dac5375.png)


- プログラミングの本質は数学的構造の構築

- 現実世界で時間変化する値に紐づく構造も例外ではない（FRP）

- コンピュータのハードウェアのリソースは有限であり、計算速度、メモリの物理的制約がある

- したがって数学構造をそのままハードウェアにマッピングするのは無理

- そもそも命令型プログラミング、オブジェクト指向（定義の流派問題はとばす）は、数学よりもハードウェアの挙動（時間的変化）に素朴な感覚で着想しデザインされている

- 数学は本質的にシンプルで論理構造に無駄がなく間違いがない

- 少なくとも構造を定義するときに間違いがあれば見つけやすい

- 人間の思いつきや発明、方針、設計には間違いが多い、余計な発明をして問題を複雑にする事を好む

- 人間の間違いは見つけにくい

- 間違っていることが明らかであっても間違いを認めず政治的論争になることもある

- 複雑な構造のほうがいいと信奉する人間はプログラマーに向いていないし、時間の無駄だし、[KISSの原則](https://ja.wikipedia.org/wiki/KISS%E3%81%AE%E5%8E%9F%E5%89%87)を学べ

- プログラミング　＝　数学　＋　人間のエンジニアリング

- いろいろ思いついて発明して人間のエンジニアリングの層を厚くしようとするな、人間はそれほど賢くない

- **数学の土台に手を加える人間のエンジニアリングの層（Wrapper）は薄いほうが望ましい**

- なぜならば、そのほうが間違うリスクを最小にできるから

- だから関数型プログラミングのアプローチはより優れている

- オブジェクト指向は、本来、関数、代数構造という数学で実現可能なコードをオブジェクト、クラスという人間の発明で実現しようとした

- [人間の思いつきや発明、方針、設計には間違いがあるので案の定失敗して、今では回避される傾向にある](https://betterprogramming.pub/object-oriented-programming-the-trillion-dollar-disaster-92a4b666c7c7)

- [当初のカプセル化、継承によりコードが良くなるという哲学はなかったことにされて「正しいオブジェクト指向」とかゴールポストを動かして正当化しようとする人たちは未だに多いのだが、そういうことじゃないから](https://youtu.be/j71n33A0CkI)

- 数学、数学構造は堅牢であり、人間の発想により活用はされるが、時間が経過して、やっぱり使いにくい発明だった、とかゴールポストが動いて元来の方針がチャラになるようなことはない

- 関数型言語の差異は薄いWrapperであり、本質的に習得した数学部分の知識が無駄になることはない、ずっと共通して使い回せる

- 図の左側はC#、右側はF#、Microsoft.Netのツートップではあるが、比較するとF#は極端なまでに使われていないし虐げられてるとすら言える([MAUI初日からサポートしてくれという嘆き](https://github.com/dotnet/maui/discussions/115))、それでも.netの威力で関数型言語の中ではトップクラスに使われている言語なのでもっと増えて欲しいし、MSはもっと大規模な資本投下をF#にむけてすべき
How to Setup HTTPS Configuration on Wildfly Server
Tags: wildfly, https, servers, jboss
Published: 2022-09-11 08:40:57

Hello,

I am trying to setup wildfly server for HTTPS Port(8443) but it is not working as expected. I have added Self signed certificates and opened the HTTPS port(8443) as well. When I start server I could the HTTPS port is accessible on Server logs and it is not giving any issue but when I launch the URL: https://ipaddress:8443 -- it is showing as site is unreachable whereas expected result is Welcome page of Wildfly. please help me understand where I am going wrong.
Any help is appreciated. Thanks in advance