Size: a a a

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

2019 September 04

S

Sergey in Next.js — русскоговорящее сообщество
Подскажите как можно импортнуть svg как компонент. Например
import {ReactComponent as Trash} from 'path';
 сейчас при таком импорте выдает ошибку
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Подскажите... Где вы делаете вёрстку страниц? в pages? или делаете импорт страниц из src в pages?
источник

OJ

Orkhan Jafarov in Next.js — русскоговорящее сообщество
Sergey
Подскажите как можно импортнуть svg как компонент. Например
import {ReactComponent as Trash} from 'path';
 сейчас при таком импорте выдает ошибку
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined
можешь просто svg в jsx конверить и как компонент сохранять.
https://www.smooth-code.com/open-source/svgr/playground/

или же webpack лодером react-svg-loader
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Sergey Belozyorcev
Подскажите... Где вы делаете вёрстку страниц? в pages? или делаете импорт страниц из src в pages?
Делаю импорт из src, чтоб не привязываться к нексту особо
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Сами некст пейджес у меня очень простые, нужные gIP и импорт реальной страницы
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Sergey Belozyorcev
Подскажите... Где вы делаете вёрстку страниц? в pages? или делаете импорт страниц из src в pages?
в pages должна быть композиция из компонентов, которые должны отображаться
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
сами компоненты лежат в features или ui
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Eugene M
Делаю импорт из src, чтоб не привязываться к нексту особо
Тоже стараюсь не подсаживаться на next (просто удобно быстро ssr поднять на нём)
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Sergey Belozyorcev
Подскажите... Где вы делаете вёрстку страниц? в pages? или делаете импорт страниц из src в pages?
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Вся структура приложения должна лежать в src, без привязки к нексту, имо
источник

EM

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

EM

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

🦜

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

🦜

🦜 in Next.js — русскоговорящее сообщество
не вижу проблем
источник

EM

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

EM

Eugene M in Next.js — русскоговорящее сообщество
Рутовая и в src
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
🦜
в pages должна быть композиция из компонентов, которые должны отображаться
Ну вот смотри. У меня есть страница с товарами и фильтрами в сайдбаре. Эту композицию нужно в pages или в src/pages выстроить? В примере совы как раз в src лежат pages. Но pages в src и pages в next ведь разные вещи (т.к. next они служает ещё для роутера).

(суть в том, что я примерно туже структуру хочу сделать, как и в примере который ты скинул).
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Так как рутовый педжес это чисто некста приблуда
источник

EM

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

🦜

🦜 in Next.js — русскоговорящее сообщество
Sergey Belozyorcev
Ну вот смотри. У меня есть страница с товарами и фильтрами в сайдбаре. Эту композицию нужно в pages или в src/pages выстроить? В примере совы как раз в src лежат pages. Но pages в src и pages в next ведь разные вещи (т.к. next они служает ещё для роутера).

(суть в том, что я примерно туже структуру хочу сделать, как и в примере который ты скинул).
Начнем вот с чего
Пример на то и пример, что переложить его на текущие реалии.

Товары, фильтры и сайдбары это фичи.

pages в src в примере, тоже самое что и в руте.

Смысл в том, что в итоге делаешь вот так
import { Sidebar, Filter, Showcase } from "@features/goods";

export default function Goods() {
 return (
   <>
     <Sidebar />
     <Showcase />
     <Filter />
   </>
 );
}
источник