next-flash-messages

next-flash-messages

One-time cookie-based flash messaging library for next.js.

Installation

$ npm install next-flash-messages

Usage

The next-flash-messages allows you to temporarily store messages in one request and retrieve them for display in a subsequent request.
This library stores flash message in the cookie.

import React from 'react'
import { withFlashMessages } from 'next-flash-messages'

class IndexPage extends React.Component {

  render() {
    const { flashMessages } = this.props

    // To get all flashed messages by category.
    const messages = flashMessages.get('flash message category')

    return (
      <div>
        { (() => {
          let i = 0
          if (messages.length > 0) {
            return messages.map((message) => {
              i++
              return (<p key={`msg-${i}`}>{`${i}: ${message[1]}`}</p>)
            })
          } else {
            return null
          }
        })() }
        <a onClick={ () => {
          // Set flash message with category.
          flashMessages.set('flash message strings.', 'flash message category')
        } }>Set flash message</a>
      </div>
    )
  }
}

export default withFlashMessages(IndexPage)

License

next-flash-messages is licensed under MIT License.
See LICENSE for more information.