Nextus

Overview:

Nextus is an easy-to-use framework that allows users to quickly spin up a beautiful website or use it as a foundation for their next project. It offers a range of features including multi-language support, a built-in headless CMS, dynamic page builder, and SEO support. The framework is built with NextJS, a leading React framework that simplifies web development.

Features:

• Complete NextJs 13 website example
• Multi languages support, currently en/zh, with the ability to add more
• Built-in Directus - Headless CMS support
• Tailwind CSS and Daisyui for consistent and rapid site building
• Dynamic Page Builder (M2A Interface) within Directus
• Blog posts and categories
• Projects pages
• Dynamic form generation with validation
• Dynamic social image generation
• SEO support
• Global search component and API route
• Ready to use common components like modals, dropdowns, and file upload input
• Common utilities like easy SVG icons using Iconify Icon
• Google Fonts support
• ESLint and Prettier already configured
• Many themes provided by Daisyui
• Written in Typescript and New Directus TS SDK

Installation:

To install Nextus, follow these steps:

1. Setup Directus:

   • Use Directus Cloud/Self-Hosting to set up your own instance of Directus.
   • Apply the Schema Snapshot provided by Nextus using the Schema Migration feature.
   • Alternatively, use Nextus-Docker to quickly set up the Nextus backend with automatic schema applying.
   • This will ensure that your Nextus backend is fully prepared.

2. Setup required Content/Environment:

   • After setting up the Directus instance, you need to prepare the necessary content for the frontend to function properly.
   • Add the languages you need to the Languages model (currently only ’en’ and ‘zh’ are supported).
   • Add a p (paragraph) field to the Files model to store social images.

3. Install Dependencies:

   • Run the following command to install the required dependencies:

     npm install
     

4. Start the development server:

   • Run the following command to start the development server:

     npm run dev
     

Summary:

Nextus is a powerful framework built with NextJS that enables users to quickly create beautiful websites. It offers a range of features including multi-language support, a built-in headless CMS, dynamic page builder, and SEO support. With Nextus, users can easily build and customize their websites using Tailwind CSS and Daisyui. The framework also includes many pre-built components and utilities to streamline the development process. Overall, Nextus is a comprehensive and user-friendly solution for web development.