Inicontent CMS is a content management system built using Nuxt as its framework. It leverages modern tools such as:
- Naive UI for a sleek component library.
- Tabler Icons for intuitive and attractive icons.
- Tiptap for a powerful Rich Text Editor.
There are two ways to use this project:
The easiest way to integrate Inicontent CMS is to use it as a Nuxt Layer.
Steps:
- Add the repository as a layer in your
nuxt.configfile. - Remove your existing
app.vuefile to avoid conflicts. - To override specific admin routes, create corresponding files in the
pagesdirectory. These will automatically override the default routes provided by the CMS.
Database Configuration:
- By default, the CMS is a multi-database manager.
- When no
databaseis set inappConfig, the admin interface (/admin) will display all available databases. Users can then navigate to a specific database's admin panel at/admin/<dbName>. - If a
databaseis specified inappConfig, the/adminroute will directly display the tables for the specified database, removing the need to include the database name in the path.
- When no
Example Configuration:
// nuxt.config.ts
export default defineNuxtConfig({
appConfig: {
database: "PUT_HERE_YOUR_DATABASE_NAME",
// If set, "/admin" will directly show the tables for the specified database.
// If not set, "/admin" will list all databases, and you can navigate to "/admin/<dbName>".
},
extends: [["github:inicontent/inicontent", { install: true }]]
});This method keeps your project clean and allows for easy updates to the CMS.
If you require extensive customization, you can clone the repository and modify it directly.
Steps:
- Clone the repository:
git clone https://github.com/inicontent/inicontent.git cd inicontent - Install dependencies:
npm install
- Start editing and customize the project to meet your needs.
Install the dependencies to get started:
<npm|pnpm|yarn|bun> installStart the development server at http://localhost:3434:
npm run devTo build the application for production:
npm run buildPreview the production build locally:
npm run preview