Overview

Celeris Web is a free and open-source front-end development framework that utilizes the latest technologies, including Vue 3, Vite, and TypeScript. It offers a streamlined front-end development process for building modern web applications. It also integrates with OpenAI’s ChatGPT API, allowing developers to incorporate natural language processing capabilities into their applications.

Features

• Lightning fast: Built with Vue 3, Vite, and pnpm for optimal performance.
• Strongly typed: Utilizes TypeScript for enhanced type safety and productivity.
• Monorepo approach: Offers an easy way to manage dependencies and collaborate on multiple projects.
• Latest syntax: Uses the new JavaScript syntax for modern development practices.
• Components auto importing: Automatically imports components for convenience.
• APIs auto importing: Uses unplugin-auto-import to directly import Composition API and other APIs.
• Official router: Uses Vue Router v4 for efficient routing within the application.
• Loading feedback: Utilizes NProgress to provide visual feedback on page loading progress.
• State management: Uses Pinia for efficient state management within the application.
• Chinese font preset: Includes a preset for Chinese fonts, making it convenient for Chinese localization.
• I18n ready: Ready for internationalization with locales, allowing easy translation of the application.
• Netlify ready: Provides zero-config deployment on Netlify for seamless deployment.
• Integration with OpenAI’s ChatGPT API: Enables natural language processing capabilities within the application.

Installation

To get started with Celeris Web, follow these steps:

1. Create a repository from the Celeris Web template on GitHub.
2. Clone the repository to your local machine.
3. Run the application in development mode by running the following command:

npm run dev

4. Visit http://localhost:8888 to view the application in your browser.
5. To build the application, run the following command:

npm run build

6. The generated files will be available in the “dist” directory, ready to be served.
7. To deploy the application on Netlify, follow the Netlify deployment process.
8. For Docker production build, build the celeris-web image by opening the terminal in the project’s root directory. Then run the image and specify port mapping with the -p flag.

Summary

Celeris Web is a powerful front-end development framework that combines the latest technologies and integration with OpenAI’s ChatGPT API. It offers a streamlined development process with features like lightning-fast performance, strong TypeScript typing, monorepo approach, and easy importing of components and APIs. With support for Chinese fonts, internationalization, and Netlify deployment, Celeris Web provides developers with a comprehensive solution for building modern web applications.