nextra VS web.dev

However, this may just be due to the lack of proper documentation from the Nextra side of things (shoutout to Nextra though, regardless).

Nextra - Nextra is another option for creating documentation sites. While it might not be as well-known as Docusaurus, Nextra offers a modern and minimalist approach to building documentation. It is designed to be lightweight and user-friendly, making it a good choice for those who prefer a simple and clean documentation style. You can explore more about Nextra on their official website.

I have looked at https://nextra.site/ but that doesn't work with the app router yet. So I'm wondering if there's another alternative.

You could also have a look at Nextra. You can use mdx components to build your blog (including support for server-side fetching). I'm currently using their documentation template, but it seems they also have a blog template.

We write everything in Markdown, as it's the closest you'll get to a 'universal' format. Then, we use a static site generator to turn the docs into a website. Current projects are using Nextra for this. If you ever need to change site generators, you still have all the markdown docs and image files, so it's pretty easy to change.

https://nextra.site/ is nice

It looks like they're loading in MDX (Markdown) for a lot of the pages

There are quite a few "static-site generator" templates that are easy to setup and customize and many of them are free to use! If I had to guess, I think they're using VitePress [1] here. Nextra [2] is also good for this kind of a website.

[1] https://vitepress.vuejs.org/

[2] https://nextra.site/

### Support Next.js 13 Nextra 2 comes with support for the latest **Next.js 13** version and also up to Next.js 9! ### Images and Links Optimization Static images are always optimized with `` component, internal links are replaced with `` component, external links will have `target="_blank"` and `rel="noreferrer"` and will inform screen readers about opening a link in a new tab. `` will prevent to have layout shifts on your page. Instantiate (client-side) navigation would be done with ``. ```text filename="Markdown"  [Learn more](/more) [See examples](https://github.com/shuding/nextra/tree/main/examples)

Before we start creating pages in our application, it's important to understand how Next.js renders content. The framework supports multiple rendering methods including server-side rendering (SSR), static site rendering (SSG), and client-side rendering (CSR). There are many pros and cons to each rendering method (too many to cover in this post) so if these concepts are new to you, Google’s web.dev site has a very good introduction to rendering on the web that can help you understand rendering options.

I noticed the same for Google's site https://web.dev/

The last article pushed to the feed was "Changes to the web.dev infrastructure" few months ago https://web.dev/blog/webdev-migration

The feed still there but with no updates https://web.dev/feed.xml and on the site you can see new articles published.

Is sad that on a infrastructure revamp of a modern site, the RSS feed was left out of the features list (at least for now).

> One of the downsides of switching over our beloved http://web.dev to Google's own DevSite CMS is that it doesn't offer RSS.

web.dev, maintained by Google, including posts by Chrome developers and their co-workers,

Manual Accessibility Testing from web.dev is a great intro to manual testing in general.

Learning: If you are interested in frontend, start with HTML, CSS and JS. There are a lot of resources out there, freecodecamp, web.dev, theodinproject, mdn docs(developer.mozilla.org) and others. Pick one and get started. There are many more things that you will understand with time like frameworks (start with React for now) and other bits.

Chunks of data being sent over time make up what’s called a “stream“. Streams are kind of hard to understand the first time around, at least for me. They deserve a full article (or many) on their own, so I’ll share web.dev’s excellent guide in case you want to learn more.

Google's web.dev blog: Offers technical guides and news. The RSS feed is found at https://web.dev/feed.xml.

I suggest you study https://web.dev/