Bainistiú Ábhar agus Sonraí Statach i Next.js

Bainistiú Ábhar agus Sonraí Statach i Next.js

Agus an t- Next.js iarratas á fhorbairt, tá sé ríthábhachtach inneachar agus sonraí statacha a bhainistiú go héifeachtach le haghaidh taithí úsáideora gan uaim. Scrúdaíonn an t-alt seo conas leathanaigh doiciméadaithe a chruthú markdown agus úsáid á baint as sonraí statacha ag baint úsáide as an public eolaire in Next.js.

Cruthú Leathanaigh Doiciméadúcháin le Markdown

Is cuid lárnach d’fheidhmchlár gréasáin ar bith an doiciméadú. In Next.js, is féidir leat leathanaigh doiciméadaithe a chruthú go héasca trí úsáid a bhaint as markdown, teanga mharcála éadrom. Chun é seo a bhaint amach, is féidir linn úsáid a bhaint as an react-markdown leabharlann, a ligeann dúinn ábhar a rindreáil markdown mar chomhpháirteanna React.

Ar dtús, déanaimis an react-markdown leabharlann a shuiteáil ag baint úsáide as npm nó snáth:

npm install react-markdown  
# or  
yarn add react-markdown  

Anois, cruthaimis leathanach doiciméadaithe ainmnithe documentation.md san pages eolaire:

# Welcome to Our Documentation  
  
In this section, we'll explore the features of our application and how to get started.  
  
## Getting Started  
  
To start using our application, follow these steps...  
  
## Features  
  
Our application offers the following features...  
  

Ansin, cruthaigh comhad atá ainmnithe documentation.js san pages eolaire chun an markdown t-ábhar a sholáthar:

import React from 'react';  
import ReactMarkdown from 'react-markdown';  
  
const documentationContent = `# Welcome to Our Documentation\n\nIn this section, we'll explore the features of our application and how to get started.\n\n## Getting Started\n\nTo start using our application, follow these steps...\n\n## Features\n\nOur application offers the following features...`;  
  
function Documentation() {  
  return( 
    <div>  
      <h1>Documentation</h1>  
      <ReactMarkdown>{documentationContent}</ReactMarkdown>  
    </div>  
 );  
}  
  
export default Documentation;  

Sa sampla seo, documentationContent tá an markdown t-ábhar san athróg, agus úsáidtear an ReactMarkdown chomhpháirt ón leabharlann chun é a sholáthar mar HTML. react-markdown

Sonraí Statach a Bhainistiú leis an Public Eolaire

In, is fillteán speisialta é Next.js an t-eolaire a úsáidtear chun freastal ar shócmhainní statacha amhail íomhánna, clónna, agus comhaid eile. public Tá an t-eolaire seo inrochtana ó fhréamh d'fheidhmchláir.

Chun íomhá atá sa public chomhadlann a chur san áireamh, is féidir leat an cód seo a leanas a úsáid i do chomhpháirt:

<img src="/image.png" alt="An example image" />

Déanfaidh an cód seo tagairt don íomhá atá ainmnithe image.png san public eolaire.

Conclúid

Sa roinn seo, tá tú tar éis foghlaim conas leathanaigh doiciméadaithe a chruthú ag baint úsáide as markdown agus as an react-markdown leabharlann, chomh maith le conas sonraí statacha a bhainistiú ag baint úsáide as an public eolaire i Next.js. Cabhróidh na teicníochtaí seo leat ábhar cuimsitheach a sholáthar agus sócmhainní statacha i d’ Next.js iarratas a bhainistiú go héifeachtach.