I have a case study from the customer to deploy nopCommerce on Azure app service with a private network. I think it would be better to share this content with the community. Please let me know what do you think?

Now it use a name and short name as BooGi for PWA

Intro

In dotnetthailand fb group, there are some useful resource and project, it would be better to store in this site and give the credit to them

We have many contributes who contribute to our projects.
We want to improve our system to search and list content easily by author and make the UI that can give credit to an author.
Therefore, we should add authors field to frontmatter at the head of each md/mdx files.

I think we should use authors (plural) because a document can have multiple authors.
The value should be an array, e.g.

authors: [ Mild, DMK ]

or

authors:
- Mild
- DMK

FYI, there are two ways to define array value in YAML, depending on personal preference.

After discussed to the team. We agree to add a few optional steps to How to Contribute section.

I'll write it in more details in related files and also add this picture.

To complete article content about SOLID Principles

git bisect is a powerful command to learn.

Please update the project to support Node.js version 14 LTS.

Mixed Content: The page at 'https://www.dotnetthailand.com/faq/docker' was loaded over HTTPS, but requested an insecure resource 'http://www.dotnetthailand.com/faq/docker/'. This request has been blocked; the content must be served over HTTPS.

It need be fixed for mobile user.

On the page of Docker CMD VS ENTRYPOINT. Now only have an example case launch a container with default arguments. We should have an example case launch a container with override arguments.

Problem

As you can see in the code: /src/components/Sidebar/contentTree.js

// ...
// Maximum Deep level of render Nav menu (Start with 0)
const limitDeepLevel = 3;
// ...

this setting is not assigned by global config file.

Expected Behavior

It should be assign in file /config/config.yml

# ...
features:
  sidebar: 
    limitDeepLevel: 3  # Maximum Deep level of render Nav menu (Start with 0)
# ...

When we are using the dark mode. the link colors aren't so legible.

I would like to fix this issue since is an up-for-grabs and I am new contributing here.

The main goal with this issue is only to foster communication.

@aaronamm can we pair together on this?

warn the option sizeByPixelDensity is deprecated and should not be used. It will be removed in the next major release of Gatsby.

Should we change this deprecated function?

CC: @aaronamm @mildronize

• We should add Facebook comment and share button to the bottom of each content page.
• This can help us get a good feedback from community members.

Hi all,

I have some idea. I found a tool called Lighthouse CI (lhci). It can be integrated to github pipeline.
So we can see a report for each commit.

What do you think?
@aaronamm @mildronize

• When ever we have a new update of a website, there will be a popup showing us to update a new content.
• This annoys people and we should remove it.

The submenu is not expanded when clicking on the text eg. Testing > Jest, while on the main menu it was expanded normally eg. Testing. Now I have to click at the ^ icon to expand the sub-menu.

Docker container page now incompletely and I think it can improve

• docker cp command not completely, missing arguments for a copy to source path and destination path.
• docker exec should be more examples with frequently use options.
• docker container not only works with container id it can be used with container name.
  etc.

• We should have a page on .Thailand to list showcase projects or interesting projects that are made with .NET.
• Here are the example of interesting projects:
  • https://github.com/unnawut/awesome-thai-dev
  • https://github.com/vietnam-devs/coolstore-microservices
  • Azure function for high request volume app case study
  • https://github.com/codesanook/thailand-regional-projects

CC @surrealist @execution

The benefit of it is helping a member to share our direct content easily. From the copied link, one can jump to an actual content directly.

According to this PR #52

Should we introduce a new sub collection and move this tips and tricks to live under it?

For example:

• Create visual-studio folder under programming-cookbook.
• Create visual-studio.md page and the same level of the folder.
  It is a pointer to visual-studio folder and make contents in visual-studio folder can be collapsed.
• Add visual-studio-tips-and-tricks.md under visual-studio folder.
• Move existing content related to Visual Studio tips & tricks to visual-studio-tips-and-tricks.md
• Later, we can add more Visual Studio contents or even add VS Code/other edition collection.

CC @surrealist @zhamppx97

Problem

In dark mode font color is red rgb(228, 0, 70) or #E30048 when place
on black or grey background is not easy for reading.

When test contrast level at webaim.org, we got some tests failed.

Expected Result

We should research a bit and pick a color scheme for the dark mode that gets a better readability score.

This can be good start Best dark themes pack for example:

Dracula theme

Horizon theme

🎈 Let's discuss, proposed, and choose together in this issue.

I checked the repository a few months ago and checked again today. I would like to say congratulations to all the team, It has been amazing work!!! Thank you a lot for pushing the .NET Community in Thailand! <3 <3 <3

• We have more content and it is hard to find if the website has a content that we are looking for.
• We should enable search feature to our website.

• Try with built-in Gatsby search index at build time
• The try with a third party service
• Try with Google search bar.

Here is the workflow:

• You are on any page.
• Each page has an author's name of that page.
• An author is a link.
• Clicking an author's name will be redirect to a lit of all pages that author creates.

This feature is useful for an author that later he/she can use it for his/her portfolio.

Waiting for investigating in the code

Move how to contribute section of readme.md to a separate file CONTRIBUTING.md
to meet the standard of GitHub community health files.

There is more fun if we create a new repository in the organization named .github
and put CONTRIBUTING.md to use as a default community health file for a new repository.

Problem

• Unreadable text on dark theme

Given an example:

On GitHub actions page https://www.dotnetthailand.com/programming-cookbook/github-actions there are many child items but the content itself is almost empty.

It would be nice if we can pull all child items' tile under github-actions page and create a table of content in it.

Dark background don't cover the whole content if it is longer than a page.

@dotnetthailand/net-thailand-developers At first I think I can create issue from Todo item one by one. But I think we should take a small grooming / talking about each one of them to refresh and make final consideration before re-create them to issue.

May be on the next online meeting session?

To complete article content of Code Smell and Refactoring

According to ISSUE #24 that we already closed, we can take our existing resource files to create a new favicon and site logo images.

Here is the link to download the AI file.
https://drive.google.com/file/d/1qqmAS0YPfDQcFWrzP0ITauzJw5IVIGl2/view

Preview

Problem

1. Less y-axis margin between code block and bullet

2. More y-axis margin between bullet item and its nested item.

3. On mobile, font ratio between title and heading is not properly.

4. On mobile, the URL don't be wrapped to new line

5. Font weight between title and heading is not properly.

I plan to add AzureDevOps contents in Azure section just like this

Cloud & Hosting
|-> Microsoft Azure
      |-> AzureDevOps
            |-> Getting Started (content)
            |-> Azure Boards
            |-> Azure Repos
            |-> Azure Pipelines
            |-> Azure Test Plans
            |-> Azure Artifacts
...

• On credit page, we limit number of contribute to 100 people due to GitHub API that return only 100 people.
• We can add a pagination to get all contributors.
• This issue can be waited.

https://github.com/PrismJS/prism/blob/master/components/prism-csharp.js#L89

https://prismjs.com/extending.html

https://github.com/PrismJS/prism/blob/master/components/prism-csharp.js#L367

• Right now when we try to add GitHub emoji in the content like `:+1, it does not work.
• This can be done easily by checking a missing package in gatsby-config.js file.

Problems

When navigating pages, we will see all the same last update date and author of the article, which is incorrect.

Expected Results

I suggest that the last update date/time should be the time of the last commit on that page.
This will help readers to know how up-to-date the information
for example 2 minutes ago and 2 years ago are very different.

The author's name should be all of the contributors of that page as we can see from the Microsoft Docs site.

Problem

When someone add the content more than 4 levels of nested folder, it will not be shown in the any result.

As you can see in the code: /src/components/Sidebar/contentTree.js

// ...
// Maximum Deep level of render Nav menu (Start with 0)
const limitDeepLevel = 3;

// ...

const getDeepNavigation = (navItemGroup, navLinkGroup, pathname, deepLevel) => {
    if(deepLevel > limitDeepLevel){ 
      return [];
    }
    // ...
}

Expected Behavior

When Gatsby build, it should throw some error if someone try to break such prohibition.

4 levels of nested folder.

The below image shows 4 levels of nested folder.

this folder structure will create the nested navbar like this:

Problem

We have long list of topics on the left-side menu. When we scroll up and scroll down to navigate topics, it moves the whole page out of sight too. So, user cannot easily continue his or her reading and navigating menu at the same time.

Proposed solution:

Make left-side menu and content area scrollable independently and fix top navbar at the top.

Notes

Existing feature: When we click on a topic, it automatically scroll up to the top to help user read the article.

The example image from https://www.dotnetthailand.com/

Not sure if Blazor or Web Assembly is welcome here or not, but I have some content about making a Web Application in Blazor WASM from my experience that wanna share. Wanna know if the Dotnet Thailand team would be interested?

Website should be supported Tablet device size.

Problems

Problem on width 800px-1100px

• The menu bar display multiple lines,
• Sidebar width is too wider for tablet.

here is the screenshot on device width about 800px

and here is the screenshot on device width about 1100px

Problem on width about 767px (on tablet portrait);

• Too wider width for sidebar

here is the screenshot on device width about 767px

Possible Solution

• Adjust font size and sidebar width on targeted screen width range.

Refresh items in roadmap and create milestones for them.

Fix todo links

• add link to Github Issues
• add link to Contribute on text "the following link"
• remove link to the same page (the last link)

Problem

When post a link from dotnetthailand website to other sites (ex. Facebook)
it'll display Gastby logo but it should be dotnetthailand logo instead.

Solution

Add <meta> tag for og:image to every pgaes of the site.

<meta property="og:image" content="url.to/the/image" />

REF: https://ogp.me/