Responsive documentation layout for your future projects 📚
The main goal of this project was to learn how to create dynamic documentation that is automatically rendered from MD/MDX content and to learn some new technologies.
The documentation layout was inspired by NuxtJS and Tailwind CSS, because I think their layout is one of the best according to UI/UX. I added more features and changed the UI.
The website is built on Next.js, because I think it's currently the best solution for SEO according to documentation and static generation. It is hosted on Vercel
Some functions according to Contentlayer library were taken from the Contentlayer website, because there is not much documentation yet.
- Framework: Next.js
- Styles: Tailwind CSS
- Content Buuilder: Contentlayer
- Search Component: kbar
/content/docs
- the folder of documentation content (actual content as placeholder is borrowed from Next.js)/src/config/sidebar.ts
- setslug
of pages that you want to be visible in sidebarpages['directory/filename']
âš If you want to use this project, please read the LICENSE first