у тебя бэк - единственный источник данных хоть с редиса, хоть с бд, хоть от теть тамары

а некст - тупо рендеринг реакта

чем меньше будет висеть на нексте - тем быстрее будет его разрабатывать, прокачивать, обновлять и ему самому будет легче

я тебя понял, спасибо.

Привет народ.

Как добавить bootstrap к nextjs?

Типа нам нужно yarn add @zeit/next-css, затем делаем next.config.js,  котором:

const withCSS = require('@zeit/next-css')
module.exports = withCSS({})

И далее в index.js добавляем

import 'bootstrap/dist/css/bootstrap.min.css'

Это насколько я понял из доков, нужно сделать, и это не работает.

@evgenykhodzitsky я один не понимаю бенефитов импорта css в реакт? не sc конечно а просто обычный css.

"dev": "stylus -w styles/index.styl -o static/css/app.css -c --sourcemap | next dev",

компилится все в 14.5kb файл. по проекту все разложено в /src/components/*name*/index.styl, стайлус сам их собирает со всех папок. тоже самое если спользовать любой другой css фреймворк

@but1head у меня тут react-bootstrap для которого нужны стили. не важно. куча элементарных туториалов в интернете и даже в платных курсах, где говорится: поставьте такой то пакет, в next.config.js две строчки. затем можно импортить. но проблема в том что у меня идет ругань даже на трехстрочный css и просьба почитать про вебпак в консоли. «You may need an appropriate loader to handle this file type.»

Такая ошибка возникает, когда нет лоадера в вебпаке. Если последний версия некста 9.1 то должно из коробки все работать

@popuguy, ну я снес yarn.lock и node_modules, сделал npm install, добавил в next.config.js такую штуку и завелось:

cssLoaderOptions: {
   url: false
 }

Привет.
Я обнаружил что приложение дописывает прелоад линки, если ссылочка на один из наших роутов, вроде:

<link rel="preload" href="/_next/static/b8LfsDzIlbVkAQAxfyv3w/pages/wachtwoord-herstellen.js" as="script">

для
<a

 href="/wachtwoord-herstellen">Je wachtwoord vergeten?</a>

А кто то знает как это отключить?
А то у нас роут не соответствует имени файла и я получаю 404…

или как то настроить, может быть…

типа заменять имена кастомной ф-ей

или просто prefetch={false} поставить ?

Всем уо.

Подскажите за next — у меня есть, например, 100 .md файлов, которые я загружаю через @next/mdx. Я хочу замутить из них 100 статических страничек, чтобы ssr-оптимизация во все поля.

Я или описываю каждую страницу из сотни со статическим импортом или next водит мне болтом по губе, я правильно понимаю?

Посмотри пример в репе с mdx

ок, вроде подходит. Спасибо

next transpile modules ломает pnpm
выключает симлинки в конфиге вебпака

zeit/next.js
Pre-release v9.1.2-canary.8
### Patches

- Netlify cms example: #8949
- Update Prerender Error Message: #9143
- Upgrade React dependencies: #9152
- Test react(-dom)@canary Every 12 Hours: #9151
- Fix apollo server initialization in api-routes-apollo-server-and-client example: #9137
- Upgrade Lockfile: #9158
- Test React integration using next dist-tag: #9165
- Cache No-Revalidate Pages: #9170
- Add yarn check to tests: #9163
- Add WSL to Metadata: #9171
- Record src directory usage with version: #9023
- Add Purgecss to with-tailwindcss example: #9145
- Fix with-tailwindcss build issues: #9179
- Check Files during Install: #9182

### Credits

Huge thanks to @masives, @none23, @acdlite, @ijjk, @taylorbryant, and @zackkrida for helping!

привет, кто может помочь почему обычная ссылка не работает в next.js?))

страница - https://free-fitness.happylolonly.now.sh

код - https://github.com/happylolonly/free-fitness/blob/master/pages/index.js

жесть какая то)