如何在nextjs中使用常用的导航栏标题

// Navbar.js

import React from 'react';

const Navbar = () => {
  return (
    <nav>
      <h1>导航栏标题</h1>
      <ul>
        <li><a href="/">首页</a></li>
        <li><a href="/about">关于</a></li>
        <li><a href="/contact">联系我们</a></li>
      </ul>
    </nav>
  );
}

export default Navbar;

// 使用导航栏组件的页面

import React from 'react';
import Navbar from './Navbar';

const HomePage = () => {
  return (
    <div>
      <Navbar />
      <h1>首页内容</h1>
      {/* 其他页面内容 */}
    </div>
  );
}

export default HomePage;