目录测试
First
1.1 什么都没
The page of each article is rendered through getStaticProps, or getServerSideProps (a bit on this later for why I couldn’t use static rendering). So, after fetching all blocks from the Notion API, I then proceeded to probe the size of each individual image present in the returned block list, and add their width and height to the block list that is eventually used as the page’s props.
1.2 Item
RSS of the blog is also still generated by feed - an npm package that I trust and love. And it is also generated with getServerSideProps(), which is a data fetching technique that pulls the latest data from the server (which is Notion in our case) and generates the XML feed on each request.
Second
Good
This works for every utility class in the framework , which means you can change literally anything at a given breakpoint — even things like letter spacing or cursor styles.
Here’s a simple example of a marketing page component that uses a stacked layout on small screens, and a side-by-side layout on larger screens (resize your browser to see it in action)