Tools

OSS Gallery

NEXT Learning

Next.js by Vercel - The React Framework

Next.js App Router Training

Delicious Donut Components | Frontend at Scale

META DATAS

// redirect meta
<meta http-equiv="refresh" content="5;url=https://www.seunovosite.com">

Open Graph (OG) Metatags:
<meta property="og:title" content="Título da Página">: Especifica o título da página.
<meta property="og:type" content="website">: Define o tipo de conteúdo (por exemplo, "website" para uma página da web).
<meta property="og:url" content="URL da Página">: Especifica a URL da página.
<meta property="og:image" content="URL da Imagem">: Indica a imagem a ser exibida ao compartilhar a página.
<meta property="og:description" content="Descrição da Página">: Fornece uma descrição curta da página.
<meta property="og:site_name" content="Nome do Site">: Define o nome do site.

Twitter Cards Metatags:
<meta name="twitter:card" content="summary_large_image">: Define o tipo de card do Twitter a ser exibido.
<meta name="twitter:title" content="Título da Página">: Especifica o título da página.
<meta name="twitter:description" content="Descrição da Página">: Fornece uma descrição curta da página.
<meta name="twitter:image" content="URL da Imagem">: Indica a imagem a ser exibida ao compartilhar a página.
<meta name="twitter:url" content="URL da Página">: Especifica a URL da página.

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> view port meta tag que nós ajuda a não deixar que o browser faça um zoom
<https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#user-scalable>

Figma convert

Untitled

Browse iOS Apps | Mobbin - The world’s largest mobile & web app design reference library

React Bibliotecas

Rehype Pretty Code

TanStack Virtual

https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts

Headless UI

Introduction