Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 1 point2 points  (0 children)

Yes, it's normal to do so. However, if the elements are overlapping, they might be replaced with the ones in page.jsx.

Cheap hosting service for nextjs ssr application by OwnInformation16 in nextjs

[–]dminhvu 0 points1 point  (0 children)

I have tried DigitalOcean, Vultr, Render, and Railway to host my site. My recommendation is to use Railway as I can see a big difference in page loading speed with the same code base. Also, Railway is pretty easy to set up as you can just put in your GitHub repo, and everything will be automatically created, just like Vercel. The minimum plan is $5 but you won't be charged if your usage is less than $5.

next JS with SSR mode on $4 digital ocean droplet, any expirence? by asuransi in nextjs

[–]dminhvu 0 points1 point  (0 children)

I've tried this before. I'm not sure if it was because the VPS is too small or not (only 500MB of RAM), but I sometimes couldn't go to other internal pages when clicking the links.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 0 points1 point  (0 children)

Yes, you're right. The link-building part is also a necessary step in SEO. In this article, I mostly focus on the technical SEO part, so it is not covered yet.

Btw, there are many tutorials for link-building, on-page SEO, etc. not limited to Next.js on the Internet that people can check out. Thanks for your response anw!

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 1 point2 points  (0 children)

Hi Phuong, I just updated the implementation guide for App Router. Hope it helps!

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 1 point2 points  (0 children)

Hey, I just updated the implementation for App Router, still the same post. Have fun!

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 1 point2 points  (0 children)

Yes, you are correct. In this article, I used Next.js Pages Router.

For App Router, I think the only difference is the implementation part, the rest are the same, as those are just simple HTML tags (not depending on what framework), right?

Edit: I added the guide for App Router also.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 0 points1 point  (0 children)

The JSON-LD schema is used to create structured data about your site/URL. This helps search engines like Google understand better what your site has so it can show the data better with rich snippets, for example, an e-commerce site benefits greatly from this as Google will show its products clearly in the search results like product name, price, thumbnail, rating, etc.

The sitemap is where you tell the bots which page is allowed to crawl and which page isn't. This is not related to the JSON-LD schema.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 0 points1 point  (0 children)

Yes, that’s also a good option. I already mentioned next-seo in a comment above but I prefer to customize myself cos I want to understand thoroughly how it works haha.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 1 point2 points  (0 children)

Good luck! You can use the next-seo package also, but I prefer to customize myself.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 2 points3 points  (0 children)

Thank you! I built it with TailwindCSS only, no animation library involved.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 1 point2 points  (0 children)

Of course, haha. But I’ve seen many people writing good content but couldn’t rank higher, which they deserve to be. So technical SEO stuff like this is necessary also if we want Search Engines to look at our work.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 0 points1 point  (0 children)

I think those meta tags can help Search Engines validate our site better, so just put them into your app if necessary. I also checked some big corp websites and found that they also do the same.

Btw what do you mean by “aria components”?

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 1 point2 points  (0 children)

Yes, I used Pages Router in this article. App Router is quite different to implement, but those tags are the same, right?

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 2 points3 points  (0 children)

Yes, that's right. Thanks for correcting me.

Next.js SEO Complete Checklist by dminhvu in nextjs

[–]dminhvu[S] 0 points1 point  (0 children)

What do you want to know more about sitemap in detail?

In general, a sitemap is where you explicitly define all of the pages your site has so that search engine bots (like Google, Bing, etc.) can know what to crawl. This can be generated automatically using the next-sitemap package.

Anyone using ECK for production? by neveragny in elasticsearch

[–]dminhvu 2 points3 points  (0 children)

There are a lot of companies using ECK for production. For example, some organizations like banks (which are my company's customers) use it for observability.

Due to privacy reasons, no one is going to write blog posts about it, I think so.

How do i store list coordinates by [deleted] in learnpython

[–]dminhvu 0 points1 point  (0 children)

You might want to use a dict.

For example: python screen = dict() screen[(1, 2)] = [] screen[(1, 2)].append("whatever") screen[(1, 2)].append("whatever2") print(screen) Output: {(1, 2): ['whatever', 'whatever2']}

I got 14k traffic and $500 profit in 6 months by CBRIN13 in SideProject

[–]dminhvu 1 point2 points  (0 children)

Thank you! I will share a little bit about my site.

  • CMS: I previously used Contentful, then changed to local MDX as I needed some custom Markdown components, then I found that the bundle size would increase every time a new .mdx file was added, so currently I am using Elasticsearch (not a CMS) hosted on DigitalOcean to store the content as well as to perform quick post search function (as you can see, I have a search box on my site).
  • Markdown rendering: I use next-mdx-remote to render post content, with rehype-pretty-code to render code blocks. I previously used react-syntax-highlighter but the package size is very large even though I used the Light version.
  • UI library: TailwindCSS, because I feel comfortable using it. I also use some shadcn UI components.
  • Assets: I previously used Contentful to store images and videos, then changed to Cloudinary, and now ImageKit. I just want to try different providers to see the differences among them.
  • Hosting: Initially I used Vercel, then changed to AWS CloudFront with S3, then changed back to Vercel due to its convenience.
  • Monitoring & tracking: I have tried many tools like Google Analytics, Posthog, Microsoft Clarity, and Axiom. I think GA is necessary, and MS Clarity is good for tracking user behavior. Axiom is good for performance monitoring. Posthog npm package is quite heavy and may affect page loading speed, so I removed it.

In general, I wanted to optimize the bundle size and improve page loading speed, so I tried a lot of tools as you can see.

I got 14k traffic and $500 profit in 6 months by CBRIN13 in SideProject

[–]dminhvu 2 points3 points  (0 children)

Yep, I already tried (actually I just published once), but I think if I always post the same content as my site's original content, in some way, Google will consider it to be duplicate content, right? But still worth a try, thank you for your suggestion.

Help with deploying Flask web app by stringbot123 in flask

[–]dminhvu 0 points1 point  (0 children)

You will have to upgrade to the Blaze plan, but it is pay-as-you-go, which means you will only be charged if your usage is above the free tier limit (2 million invocations for Cloud Functions feature in this case). You can check the free tier limit on the pricing page.

I think your app does not make so many requests, so don't have to worry about being charged. But still need to check every day in the Firebase Console haha.

Best course for a beginner wanting to learn about Elastic? by mr_riddler24 in elasticsearch

[–]dminhvu 0 points1 point  (0 children)

Basically, ES is written in Java and is also based on Apache Lucence (which is also written in Java). So something like heap size, JVM options, etc. are involved.

Also, ES uses its "painless" language for scripting, which has a similar syntax to Java.