/NextBook

NextBook is quick and easy way to build technical books or documentation with markdown that run blazingly fast.

Primary LanguageJavaScriptMIT LicenseMIT

NextBook Screenshot

Build

NextBook is quick and easy way to buid technical books or documentation that support modern standards and run blazingly fast. It works by compiling markdown and MDX to static pages. This way, first content render on user's device is near instant.

NextBook makes writing technical docs stupid simple while keeping featureset minimal but open for further extension.

Primary Features ๐Ÿงฟ

  • ๐Ÿ’… Good looking, simple and readable UI based on tailwindcss including dark mode and auto-centered layout,
  • ๐ŸŒŽ Great SEO out of the box,
  • ๐Ÿ“ฑ Mobile & printer friendly,
  • ๐Ÿš€ Single page application with pre-fetching,
  • ๐Ÿงพ Easy content creation with markdown and MDX support,
  • ๐Ÿ’ป Something more than what basic fenced code offers. Like line highlighting, linking to source and copying to clipboard,
  • ๐Ÿค“ Familiar Git workflow and collaboration,
  • โŒจ๏ธŽ Keyboard shortcuts for frequently used actions (theme change, page navigation),
  • ๐Ÿ”Ž In-page optional table of contents with scroolspy,
  • ยฉ You own your data, code is the data. Committing to repository and seeing results in the simplest form,
  • ๐ŸŽ Fast to get started, just one command for up & running locally,
  • ๐ŸŽŠ One click (or push) deployment,
  • ๐Ÿ›  Unlimited dynamic features can be added with MDX,
  • โš™๏ธŽ Customisable, extensible and simple codebase,
  • โค Built on open-source,
  • ๐Ÿ‘ And many more small details...

With the advantages of Next.js and React anything fancy (grading, level switching...) can be added along the way.

What's New In NextBook 3.0?

This release contains major speed improvements and backwards incompatible changes. Most of these come from MDX2 removing some functionality and other old libraries still not supporting ES modules.

  • Migrated to next-mdx-remote v.4 which now uses MDX2. This has some speed improvements and stricter MDX syntax checking. See MDX2
  • Replaced some custom incompatible markdown plugins with MDX counterparts. These are:
    • Subscript: was ~, became <sub> tag.
    • Superscript: was ^, became <sup> tag.
    • Mark (higlight): was ==, became <mark> tag.
    • Changed syntax for Accordion and Tabs components. See related documentation.
  • Removed functionality
    • Indented code. This was removed from MDX2. Use other ways to define fenced code blocks.
    • Linking with angle brackets: This was removed from MDX2. Use other ways to define links.

What's New In NextBook 2.0?

  • Support for multiple books in one project.
  • Design based on tailwindcss.
  • Markdown content is now being loaded with next-mdx-remote. This means content is now separated from routed pages.
  • Auto-centered layout on big resolutions leading to one less configuration option.
  • 40% smaller bundle size.
  • Navigation bar.
  • Refined mobile UI.
  • Less code (โˆ’4,000 LOC).

Getting Started

  1. Having Node installed beforehand, bootstrap a new project with npx create-next-app my-awesome-book -e https://github.com/amiroff/NextBook
  2. Run npm run dev:watch and open http://localhost:3000/
  3. Check documentation to see what's possible with NextBook.
  4. Create your markdown or MDX content in content folder. Pages should auto-refresh as you modify markdown content.
  5. Update config/config.json with your table of contents and other information.
  6. Update pages/index.jsx to suit your needs as a standalone landing page or as a redirect to content.
  7. Deploy your respository or export (npm run export) and copy your content to any static hosting provider like Vercel, Netlify, Github Pages or Google Cloud.
  8. Have fun! ๐ŸŽ‰

This should be enough to have a statically generated documentation page/book.