Seems to be the gh-pages.

Example: https://webuild-blog.vercel.app/read?url=https://namtx.github.io/2021/How+to+set+contrast+text+color+for+button-3F/

Post details page should have author info on the top of the page.

Cannot click on submit button in navigate section of pagination to navigate to desire page.

Because not all blogs are written in Vietnamese, our site need to support more than one language.

Acceptance criteria:

• Have button to switch language.
• Support at least 2 languages: Vietnamese and English.
• Have translation word list of target languages.

Designation:

• Using i18n lib.
• Global state to manage.

Nice to have:

• Auto detect language of browser and switch to the same language.

We should have the ability to click on the author's name or avatar to list all posts by this author.

Currently, there's no code syntax highlighting on the reader page, for example.

Maybe we can use primjs for code highlighting.

https://read.webuild.community/read?url=https%3A%2F%2Fnamtx.github.io%2F2021%2FFlame%2Bgraph%2B-F0-9F-94-A5-F0-9F-93-8A%2F

In dark mode, cannot see the selected text

I cannot access the website on my end.

The page shows an error This serverless function has timed out

Please take a look. Thanks

Please consider use sanitize article.content.
XSS attacks are possible in here

If we want it, show it at the end of the excerpt

It should highlight the following:

• Project's description
• How to install and run
• How to contribute (Link to CONTRIBUTING.md)

For example here, gatsby's emoji are not displaying properly.

Maybe we can select these emojis based on their attributes and apply max-width.

Look like we can clickable to the title to read more. But when hover to the title it still cursor:text

Steps to Reproduce

1. Go to https://webuild-blog.vercel.app/
2. Hover to the title

Nice to have:

• Linter
• Test

When: Pull request

Why?

Create an ARCHITECTURE.MD file that:

• Explain the project structure
• Explain the architect of the project, how the user flow is, how the data goes through the backend and frontend
• Explain how we curate the RSS feeds on index page and how did we show the post's content on read page

Some blogs have a long line of code. Just make it overflow or break to the new line.

Need prettier and eslint config for making a union code style for all contributors.

Steps to re-produce:

1. Click on "Đọc ngẫu nhiên" (Read randomly) button.
2. Redirect to an article page.
3. Click on "Đọc ngẫu nhiên" (Read randomly) button again.
4. Redirect to an article page.
5. Click on "Quay về trang chủ" (Back to home page) button.

Expected result:

• Back to home page

Actual result:

• Back to previous page

Create a not found page instead of the default one from NextJS.

Hello, I am poor. So I use iPhone 5. Please don't make me feel poor 🥲

Default state of the input have border radius but the focus state not. The focus state should have border radius too.

Instead of show the host name of the post, we should show the user's avatar and name instead:

This way, we can make it clear about the ownership of the post.

In order to do this, we need to make some enhancement on the RSS feed data we have, currently, it's just a plain list of feed URLs.

const FEEDS = [
  'https://thefullsnack.com/rss',
  'https://zerox-dg.github.io/blog/rss.xml',
  'https://quancam.net/rss',
  'https://learnlingo.co/feed/',
  ...
];

What I'm thinking about the new data structure would be:

const CHANNELS = [
  {
    feedUrl: 'https://thefullsnack.com/rss',
    displayName: 'HuyTD',
    avatarUrl: '...'
  }
]

List all authors on the system and their RSS feeds

I was so tired of scrolling down to the bottom to find the first articles. But when I back from the detail page. I do it again. Can we fix it?

og$ yarn
yarn install v1.22.21
[1/4] Resolving packages...
[2/4] Fetching packages...
error Error: https://registry.yarnpkg.com/@moai/core/-/core-1.2.0.tgz: Request failed "404 Not Found"
at ResponseError.ExtendableBuiltin (/usr/local/lib/node_modules/yarn/lib/cli.js:696:66)
at new ResponseError (/usr/local/lib/node_modules/yarn/lib/cli.js:802:124)
at Request. (/usr/local/lib/node_modules/yarn/lib/cli.js:66218:16)
at Request.emit (node:events:513:28)
at module.exports.Request.onRequestResponse (/usr/local/lib/node_modules/yarn/lib/cli.js:141751:10)
at ClientRequest.emit (node:events:513:28)
at HTTPParser.parserOnIncomingClient (node:_http_client:695:27)
at HTTPParser.parserOnHeadersComplete (node:_http_common:117:17)
at TLSSocket.socketOnData (node:_http_client:536:22)
at TLSSocket.emit (node:events:513:28)
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this comma

https://github.com/thorn0/organize-imports-cli

It would be really nice if we can have a "cover" image whenever we share a post on Facebook, Twitter or Slack. You can argue that user can directly share the original post to support cover image but still...it would be nice if we can generate a cover if it was shared via weblog.

I'm thinking of generating the cover image based on the post (pretty much like Github). A sample image could look like this:

I don't know why we have package-lock.json and yarn.lock at the same time. Must be discussed and agreed to use one package manager.

The position of scroll should not be changed after when user open an article and then back to home page again.

Can we add some css like: object-fit: cover; for image?

Upgrade Moai to fix the issue: moaijs/moai#244

Steps to Reproduce

1. Go to https://webuild-blog.vercel.app/
2. Scroll down to bottom
3. Click "Load More"

Context (Environment)

• Mac OS BigSur
• Microsoft Edge Version 91.0.864.54 (Official build) (x86_64)

Currently we're using react-lazyload to workaround the need for pagination, this created a much bigger problem where we can't keep the scroll position after going back from read screen.

We should have a proper pagination.

Steps to Reproduce

1. Go to https://webuild-blog.vercel.app/read?url=https://learnlingo.co/tu-vung-hom-nay-hands-on-experience/

Description:

• Few links with newer published dates but's pushed to the end of paging.

Reproduce steps

1. Go to the last page of read.webuild.community, e.g. https://read.webuild.community/page/15
2. Check posts of thuc.space compare with others

Actual result

• Posts of thuc.space is newer published date but it's below of others

Expected result

• Correct order bases on pubDate

More information

• RSS of thuc.space is in https://thuc.space/index.xml that has pubDate with a format "Fri, 23 Jul 2021 19:00:00 +0100", it can be a problem for parsing date

People scan everything before they read them. So users could be hard to identity authors if they have same avatar.

It should show the list of the available pages as decribed in the mockup.

Click on the three dot in the middle of the pagination should open a popover textbox, with Go button as well.

If there is only 1 page available, do not show the Previous/Next button, and show the disabled button with number 1 only.