mildronize / blog-next

My Current Version Site

Hi 👋 I'm Thada from 🇹🇭

Getting know me via my online CV

Blog, Email, linkedin, Medium

What I've used?

 

My Stats

blog-next's Issues

Show deployment status on homepage

Using this REST API https://docs.github.com/en/rest/actions/workflow-runs?apiVersion=2022-11-28#list-workflow-runs-for-a-repository will get all possible workflows run:

e.g.

this show when the workflow is success

{
    "total_count": 209,
    "workflow_runs": [
        {
            "id": 5903770951,
            "name": "Azure Static Web Apps CI/CD",
            "node_id": "WFR_kwLOHNr1cc8AAAABX-RlRw",
            "head_branch": "main",
            "head_sha": "ee3859864e2c33a66761ada4d7ba085c114b144f",
            "path": ".github/workflows/azure-static-web-apps.yml",
            "display_title": "revert",
            "run_number": 16,
            "event": "push",
            "status": "completed",
            "conclusion": "success",

when workflow is running

workflow_runs[0].status == "in_progress" or workflow_runs[0].status == "queued" 
workflow_runs[0].conclusion == null

When the pipeline run success, please has a confirmation dialog to refresh page.

Astro Consideration

https://astro.build/themes/details/astro-ink/

Migrate GA to this site

Upgrade to Next.js 13

Dealing with Next.js 13 with lack of support live reloading hashicorp/next-mdx-remote

The original template from this project is already migrated to Next.js 13 and they solve the problem of live reload content by Live Reload from ContentLayer , as as described in the code

Ref

https://github.com/hashicorp/next-mdx-remote

npx @next/codemod new-link .

Force wrap too long URL on mobile

Test all link and image for all URLs should be valid

Draft Mode

Add Frontmatter key for draft article

draft: true

Syntax Highlight (Prism JS)

Migrate Theme from my Gatsby Ref

Post Table of Content

Hero & Post List

Migrate Theme from my site v5 Ref

Add RSS

Add RSS Ref

Replace image location in markdown should avoid abs url

the resolved URL:

/posts/https:/www.dropbox.com/s/sqk4d1no2xi4os0/2018-09-17-99-score-google-insight-web-optimization-1.jpg?raw=1

Theme Page Content & Migrate content markdown

Migrate Theme from my site v5 Ref

• Migrate content markdown
• Theme Page Content

Website Development Roadmap

Todo V6.0.0-alpha

• Resolve image locally not from static path
  • When dev mode, serve static _posts
  • Convert markdown replace to currect path in public folder
• Auto Generate UUID (in dev mode)
• #9
• Auto-refresh when markdown content changed ref
• Theme Switch Ref
• #2
• Migrate Theme from my site v5 Ref
  • Topbar
  • #11
  • #8
  • #6
• Using TypeScript Global Import ref
• Deploy to Azure Static Site
• #13
• #15
• #14
• Migrate to TypeScript

Next Release

• Runtime Type Checking (Zod)
• #10
• #12
• allow to place plain page on _contents/pages
• Using slug in frontmatter to override the auto gen slug by title or filename
• Fallback read date in frontmatter if cannot extract date from filename
• Search Feature
• Page View show in the post, migrate from my site v5 Ref
  • Move GA to Google Tag Manager (due to GA will be unsupported in 2023)
• Add Toc (in the beginning of post)
• Make Toc Stick on right
• Make Toc available on Mobile
• Go to Top bottom
• Comment in the bottom of the post

Tag Page & Render Tag

Migrate Theme from my site v5 Ref

Search

https://www.fusejs.io/

Automatically resolving missing URL by UUID using react routing

Automatically resolving missing URL by UUID using react routing

Directory `_posts` should change to `_contents/posts`

• Move posts to _contents/posts
• Markdown content allow to no date (nullable)
• Disable auto UUID for path _contents, apply only uuid in _contents/posts

Create markdown file frontmatter without tags field throw error

Short URL Mapping & Migrate route

• Note: Need to handle by myself, next export cannot use redirect.
• redirect feature of Azure static site, using staticwebapp.config.json
• automatically generate array of routes in staticwebapp.config.json
• Migrate post route from v5 to v6. /{slug}-{uuid}/ into /posts/{slug}-{uuid}/

Page Analytics

https://youtu.be/6xXSsu0YXWo

SEO Header