Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jacobhsu/nextjs-blog


https://github.com/jacobhsu/nextjs-blog

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

This is a starter template for [Learn Next.js](https://nextjs.org/learn).

刪除 github的 README.md

`npm init next-app nextjs-blog --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"`

Creating a new Next.js app in C:\study\nextjs-blog.

Downloading files from repo https://github.com/vercel/next-learn-starter/tree/master/learn-starter. This might take a moment.

visit http://localhost:3000/posts/first-post

```js
{`

`}
```

This is using a library called [styled-jsx](https://github.com/vercel/styled-jsx). It’s a “CSS-in-JS” library

Out of the box, with no configuration, Next.js compiles CSS using [PostCSS](https://postcss.org/).

## Dynamic Routes

Pages that begin with `[` and end with `]` are `dynamic routes` in Next.js.

[Module not found: Can't resolve](https://github.com/vercel/next.js/issues/7755) 'fs' #7755

## fetching

SWR React Hooks for data fetching

The team behind Next.js has created a React hook for data fetching called [SWR](https://swr.vercel.app/).

## References

[创建 Next.js 应用程序](https://www.nextjs.cn/learn/basics/create-nextjs-app/setup)
[Navigate Between Pages](https://nextjs.org/learn/basics/navigate-between-pages)
[Assets, Metadata, and CSS](https://nextjs.org/learn/basics/assets-metadata-css)
[Dynamic Routes](https://nextjs.org/learn/basics/dynamic-routes) [dynamic-routes-step-1](https://github.com/vercel/next-learn-starter/tree/master/dynamic-routes-step-1) 1-5