Sobre aulas de NEXTJS

alguem ai também ta tendo problema na hora de fazer o import de alguns recursos? como getServerSideProps e getStaticProps? não consigo fazer o import

2 Likes

getServerSideProps não é algo a ser importando no next basta você chamar a função no component dentro de pages que deseja alterar por exemplo assim:

2 Likes

boa tarde Victor! a professora está com o seguinte codigo:
`

import React from ‘react’;

import api from ‘…/service/api’

import { GetServerSideProps } from ‘next’;

interface IProducts {

id: number,

title: string

}

interface ProductsProps {

products: IProducts[]

}

export default function Home({ products }: ProductsProps) {

return (

<div>

  <h1>Products</h1>

  <section>

    <ul>

      {products.map(product => {

        return (

          <li key={product.id}>

            {product.title}

          </li>

        )

      })}

    </ul>

  </section>

</div>

)

}

export const getServerSideProps: GetServerSideProps = async () => {

const response = await api.get(‘http://localhost:3333/products’)

const products = await response.data

return {

props: {

  products

}

}

}

`
e por algum motivo, nas aulas ela importa, será que ela ta usando uma versão do nextjs antiga nas aulas?

oque ela está importando são os types do getServerSideProps, que são necessários para “tipar” as respostas e o contexto

entao é nisso que está dando problema, fica erro no import, nao acha o modulo… é ai que to empacado

tira um print do erro
pra ver se consigo te ajudar melhor

Boa noite galera, estou criando o projeto next mas está aparecendo este erro quando rodo o yarn dev:

Tem uma forma diferente de começar o projeto?

você tem que importar →
import '../../styles/global.css'
o problema está que o import não aponta para a pagina correta

eu reiniciei o computador, e foi, pq aparentemente nao havia erros mesmo, as vezes o pc também precisa reiniciar kkk

as vezes era só fechar o vscode mesmo kkk

Depois de muito sofrimento eu consegui, tive que fazer downgrade no next, pelo o que eu entendi essas versões mais novas costuma dar esse bug

Achei esse artigo com boas informações:

Achei legal esse material no site do Nextjs: