Open11
React & Next.jsの素振り
% npx create-next-app --ts
✔ What is your project named? … my-app
Creating a new Next.js app in /Volumes/Data/Repository/github/next-trials/my-app.
Using npm.
Installing dependencies:
- react
- react-dom
- next
npm WARN deprecated querystring@0.2.1: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
added 268 packages, and audited 269 packages in 11s
44 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Installing devDependencies:
- eslint
- eslint-config-next
- typescript
- @types/react
added 224 packages, and audited 493 packages in 20s
78 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Success! Created my-app at /Volumes/Data/Repository/github/next-trials/my-app
Inside that directory, you can run several commands:
npm run dev
Starts the development server.
npm run build
Builds the app for production.
npm start
Runs the built app in production mode.
We suggest that you begin by typing:
cd my-app
npm run dev
%npm run dev
> my-app@0.1.0 dev
> next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
event - compiled successfully
src
ディレクトリに移動
TodoList作ってみた
- CSS modules
- Context API
propTypesはAppなら不要。 Libならあったほうがいい。
スタメン(暫定)
- style系
- linaria
- emotion風
- store系
- recoil
- API系
- react-query
- linaria