axross/kohei.dev

🌎 My personal website

axross.dev

My personal website. Built with Next.js with i18n support.

kohei.dev's Issues

Dark mode

https://css-tricks.com/dark-modes-with-css/

Image Lazy Loading

Performing state update in unmounted <EmbededLink>

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
    in EmbededLink (created by MDXCreateElement)
    in MDXCreateElement (created by MDXContent)
    in wrapper (created by MDXCreateElement)
    in MDXCreateElement (created by MDXContent)
    in MDXContent (created by index)
    in MDXProvider (created by index)
    in index (at PrettyMarkdown.tsx:29)
    in PrettyMarkdown (at Article.tsx:26)
    in article (at Article.tsx:16)
    in Article (created by Context.Consumer)
    in Styled(Article) (at [postId].tsx:29)

Take a look at NRN for inspiration :)

Hi @axross I just found your repo, and I see we use a similar set of technologies and both aim to provide.

Take a look at https://github.com/UnlyEd/next-right-now

I'm currently working on UnlyEd/next-right-now#42 for hybrid SSG/SSR support, don't hesitate to take a look and give us your feedback (maybe you'll find some inspiration?)

Have fun!

Rollback temporary patch in #45

#45

Post Suggestion to Read Next

Definition of Done

• Navigate users to other posts once they done reading
• Track effectivity on Google Analytics

Content Security Policy

Consider to experiment css-modules concatnation

Uncaught TypeError: Parameter 'url' must be a string, not undefined

Refactoring Repository Layer Components

Markup Issue: <li> without <ul> or <ol>

Consider disable web fonts

Japanese web fonts take so big...

Replace Syntax Highlighting with 📦prism-react-renderer

https://github.com/FormidableLabs/prism-react-renderer

Change language detection strategy

Video Lazy Loading

Now CLI@16 is available

Change CI structure

API cache breaks translation change

Caused in #170

Layout is broken on Firefox

useTranslation() possibly rerenders extra times

https://github.com/axross/kohei.dev/blob/1dd9a17127dd3aa6e00056826398721522a53750/src/hooks/useTranslation.tsx#L9-L17

Non-translated Post Fallbacks

External Resource Cache

We need to cache data from external resources for several reasons:

• External cache is not always available - sometimes returns non-200 status
• To reduce potential DDoS attack to the servers - so far we cache rendered result at edge CDN but it might access for each edge CDN nodes theoretically

Offline

Prevent re-fetch blog posts when there's the given data by server side rendering

https://github.com/axross/kohei.dev/blob/9ddab66de9321f9af82b353d231b506d08849bd8/src/pages/posts/%5BpostId%5D.tsx#L24-L25

Consider to use carbon.app to show code blocks

Subscribe by email

Hybrid Server Side Rendering Experiment Again

Language Detection doesn't work well

More E2E Tests

Consider usage of Next.js's getStaticProps() and getStaticPaths()

vercel/next.js#9524

Social Network Share

Definition of Done

• Users can share a post once they read it through
• @axross can track the feature effectivity on Google Analytics

Email Subscription

Definition of Done

• Users can give us their emails to get notified whenever new posts come available
• @axross tracks a number of subscription and its context (from where?)

Change favicon