How I built my blog using Nextjs App router

Showcase
1

Hello,

I created a blog post where I share my experience of creating a blog using Nextjs App router:

Feedback welcome!

1 Like
2

Hey, Its simple and nice. curious to know how you managed RSS?

1 Like
4

Thanks for feedback.

The starter kit already took care of RSS, I am talking about that here

1 Like
5

Hi @gmoniava, welcome to the Vercel Community! Thanks for sharing your project with the community.

The website looks amazing. However, I noticed one small glitch: the website loads in dark mode for me, but the toggle theme button is set to light mode. After toggling the theme once, everything works perfectly.

I think you may need to add an initial theme media query to the theme toggle button as well.

Feedback
Feedback1620Ɨ880 84.3 KB

6

Hi @anshumanb,

Thanks for input.

Can you tell me the steps you did so that I can recreate the bug?

And also does this happen again?

I should not have to add media query because as I explain also in the post since I have a manual toggle, I am reading theme based on presense of dark class in HTML.

EDIT:

I think I recreated this, it happened when I set dark mode from browser settings and opened the site. Should not have happened though. I will check a bit later.

Actually it is a bit weird. If I change theme on chrome from settings from mobile this behavior does not happen. If I do the same on ubuntu, this behavior happens, site still takes browser theme, when it should not.

1 Like
7

Iā€™m glad you were able to recreate this. Are you following these TailwindCSS docs?

8

Yes but since I have manual theme switcher on the site it should not have picked up the browser theme as explained in third bullet here.

I recreated this on ubuntu. On mobile chrome it does not pick up browser theme. What is your system?

9

Iā€™m using Google Chrome on a Mac with dark mode.

10

I updated chrome on Ubuntu and it works. Could you also try?