How to show your app version in a nextjs application

Footer.tsx

import React from 'react';
import getConfig from 'next/config';

const { publicRuntimeConfig } = getConfig();

const Footer = () => (
  <footer>
    ...
    <small >{publicRuntimeConfig?.version}</small>
  </footer>
);

export default Footer;

next.config.js

const { version } = require('./package.json');

module.exports = {
  publicRuntimeConfig: {
    version,
  },
};