danieljindev / next-content-manager

Content management App

Next.js SPA Content Management System

Solution

• Click Here

Features

• Create New Page - Create page with title and description
• Update Page Details - Update Page details
• Delete Page - Delete Page from DB
• Create New Text - Create text with key and value
• Update Text Details - Update text details
• Delete Text - Delete Text from DB
• Search by Page title - Enables the user to search page by title.
• Loading Spinners - Enables multiple loading spinners when browser load data from API

Todos

• Debounced Search - Make better UX by debouncing search
• Theme Color Feature - Make various theme like dark, light
• Virtualize Long Lists - Efficiently rendering large lists and tabular data.
• Validation Input - Integrate input validation
• Sort feature - Sort by page title, description, created date, text count
• Memoization Tech - React.memo, useMemo, useCallback, reselect
• Concurrent Mode
• Inhance Page Table - Add more features in table like sort, filter and so on.
• ScreenShot Feature

About

This is a simple but enterprise-ready content management app created from Next.js by Daniel.

Click Here to see more in details.

Application Installation

Clone and install.

git clone https://github.com/danieljindev/next-content-manager.git
cd next-content-manager
yarn install

Run a client.

yarn dev

Run a json server.

yarn server

Run both.

yarn start-both

• Application name: Content Manger
• Homepage URL: http://localhost:3000
• Json Server URL: http://localhost:5000

Development mode

Go to localhost:3000 to view the app.

yarn start

Production mode

In the production environment, the React app is built and saved to build folder.

yarn build && yarn start

Author

• Daniel Jin