How to use the nextein/post function in nextein

To help you get started, we’ve selected a few nextein examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github elmasse / nextein-example / pages / custom-renderer.js View on Github external
<content>
        
      
    )
  }
}

export default withPost(Post)

// Renderers -----

const Paragraph = ({ children }) =&gt; {
  return (
   <p style="{styles.paragraph}">
    {children}
   </p>
  )
}

const Code = ({ children, className = '' , ...rest }) =&gt; {
  return (
    <code>
      {children}
    </code></content>
github elmasse / nextein-example / pages / post.js View on Github external
const { data, content } = post
    const tags = data.tag ? [].concat(data.tag) : []
    return (
      <main style="{styles.main}">
        
        <article style="{styles.section}">
          <h1>{data.title}</h1>
          
          <content>
        </content></article>
      </main>
    )
  }
}

export default withPost(Post)

const styles = {
  main: {    
    fontFamily: '-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',
    fontWeight: 100,
    display: 'flex',
    flexDirection: 'column'    
  },
  section: {
    display: 'flex',
    flexDirection: 'column',
    alignSelf: 'center',
    width: '60vw' 
  },
  paragraph: {
    background: '#f5f5f5',

nextein

A static site and blog generator based on Next.js

ISC
Latest version published 2 years ago

Package Health Score

48 / 100
Full package analysis