Size: a a a

Next.js — русскоговорящее сообщество

2019 July 31

OJ

Orkhan Jafarov in Next.js — русскоговорящее сообщество
используй похожий styled-component для него есть всякие postcss плагины, хоть он сам тоже использует оптимизацию типа автопрефиксер
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Ребят, всем привет. Подскажите как с next js настроить сборку так, чтобы в неё попадал server.js.

Чтобы можно было одну директорию build просто задеплоить на прод.
С локальным запускаом кастомного сервера нет проблем, а вот как положить его в сборку не вьеду пока....
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
На сервере нужна нода)
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Которая будет запускать этот самый server.js
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Eugene M
На сервере нужна нода)
Это логично :)
Задача задеплоить без npm install на проде.
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Ну исключи server.js из игнора и лей его на прод, в чем тогда проблема?
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Eugene M
Ну исключи server.js из игнора и лей его на прод, в чем тогда проблема?
Ну в игнор нигде не включал его...
Я вот думаю, может я реально загоняюсь и проще сделать yarn && yarn start на проде.
источник

G

Github Releases Notify Bot in Next.js — русскоговорящее сообщество
zeit/next.js
v9.0.3
### Minor Changes

- Experimental module/nomodule support: #7704

### Patches

- Modern JS for SSR Bundles: #7961
- Add .gitignore: #7893
- Import isomorphic-unfetch in data fetching example: #7895
- Make tests for both async and sync GIP: #7999
- Rework dynamic routing <Link> documentation: #8001
- Avoid sending user errors to client: #8005
- Replace fs.exists with fs.access: #7742
- Fix children key in with-typescript-styled-components example: #8003
- Handle windows backslashes when checking ssr-prepass: #8016
- Add Create Next App package: #8018
- Reference correct repository: 7f5f9818009c8cd90e1e5bd17d5517b45558dc5d
- Remove old media images: d486152b98b481afd2d6e6e013e8a0cefda93350
- Update CNA links to examples: bcd8eb6b784cc167507c8768c55fd8ea3735fee7
- Fix CNA README typo: 8fb32de0ab7399ace08d4832173942c1452e4241
- Fix syntax error in ie11 from next-server/amp: #8032
- Rewrite Create Next App: #8030
- Comment out GIP in Custom <App>: #8055
- Remove public/ file example: #8056
- Remove now.json from examples: #8057
- Fix userAgent type error in README.md: #8048
- Apply missing formatting: #8079
- Updated "firebase-admin" module and added "firebase-functions-t…: #8078
- Enable Kodiak bot: #8096
- Disable notify on conflict: 427a02a468ca6c8b101ab3229742f2c1ab1ced69
- Improve types: #8097
- Allow automatic static optimization in with-sentry-simple examp…: #8102
- Require label to merge for now: d006a24d8f9d70ad92f59c41a42b2ecb7c46cbf6
- Revert "Improve type definitions": #8098
- HTTP methods docs and REST example: #8108
- Configuration for body parsing size limit: #7896
- Add next-head-count & remove next-head class: #8020
- Fix extension for module/nomodule: 8b0a93b0edf06d46da4839d5be426133810c8bad
- Dynamic routes clarification: #8110
- Fix index.js for API routes: #8112
- Fix onError prop-type warning in Link: #8021
- Auth example with api routes: #8118
- Fixes problem with API and wrong regex: #8126
- Update example with firebase auth: #8127
- Improve type definitions: #8117
- Docs: Fix comments in with-sentry example (server.js): #8125
- Add missing key prop for array elements in _document: #8132
- Update README.md for with-http2 example: #8131
- Fix spelling in  tsconfig.js of readme.md: #8138
- Remove next.config.js: #8139
- Upgrade with-mdx example from mdx 0.16 → 1.1: #8142
- Remove kodiak: 482f454c7afc6a2d5a94c1a78ea0917e0fa80dc8
- Fix regex to not match any string with double underscore: #8153
- Improve docs for API: #8155
- Add 2 AWS Amplify SSR examples one with JS and one with TS: #8073
- Update webpack to 4.38.0: #8147
- Docs: Document change concerning api-routes: #8121
- Update missed lockfile: 25fd3f86a3f7b7ad9075563f6f4a5dddf3079f00
- Refactor(webpack): extract splitChunksConfig: #8161
- Include scheduler in React bundle: #8164
- Optional Server Compression: #8066
- Fix build only server-side /api/index.js: #8167
- Fix a typo in README: #8177
- Provide AppTree to getInitialProps for getDataFromTree: #7732
- Test environment code should target Node: #8181
- Fix: Add error message for duplicate route param name: #8047

### Credits

Huge thanks to @rakannimer, @adamwathan, @huv1k, @lfades, @imdreamrunner, @dmytro-lymarenko, @ijjk, @developit, @janicklas-ralph, @ikeryo1182, @chaitanyareddyk, @adam187, @HaNdTriX, @devknoll, @sgmonda, @oliviertassinari, @0x80, @bapjiws, @oguzzkilic, @partyKyoung, @lachlanjc, @tomasikp, @felixmosh, @eps1lon, @Timer, @OttlikG, and @nataliemarleny for helping!
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Sergey Belozyorcev
Ну в игнор нигде не включал его...
Я вот думаю, может я реально загоняюсь и проще сделать yarn && yarn start на проде.
Да вроде так и нужно
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Pm2 заюзай
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
@dirgen Жень, подскажи ещё на счёт Tree Shaking. Что нужно для его работы в NextJs?
Пробую использовать пакет @icons/material

import { StarIcon } from '@icons/material';

production бандл мгновенно до 4MB вырастает...

Tree Shaking разве не из коробки идёт?
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Тут зависит от пакета, а не некста, нужно читать ишьюсы на гитхабе материала, не подскажу по этому вопросу, не работал с ним
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Вероятно нужно импортить конкретную иконку
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Типа import Star from “@material/icons/Star”
источник
2019 August 01

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Eugene M
Типа import Star from “@material/icons/Star”
Да, сейчас так делаю.
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Sergey Belozyorcev
@dirgen Жень, подскажи ещё на счёт Tree Shaking. Что нужно для его работы в NextJs?
Пробую использовать пакет @icons/material

import { StarIcon } from '@icons/material';

production бандл мгновенно до 4MB вырастает...

Tree Shaking разве не из коробки идёт?
В доке материала написано как испортить иконки надо
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
🦜
В доке материала написано как испортить иконки надо
Поменял пакет на @material-ui/icons, вроде ситуация получше, чем @icons/material (хоть правда при первой иконке много кода лезет, но последующие иконки немного прибаляют веса в бандл).
источник

А

Андрей in Next.js — русскоговорящее сообщество
Есть какая разница как тестировать сайт на нексте и простого сайта ну простоя сайт я имею в виду не SPA через Lighthouse от гугла?
источник

А

Андрей in Next.js — русскоговорящее сообщество
А что то перфоманс капец маленький
источник

OJ

Orkhan Jafarov in Next.js — русскоговорящее сообщество
Андрей
А что то перфоманс капец маленький
всё ок с перформансом, вот у меня на production, достаточно большая страница. Тут уже больше от тебя зависит)
источник