Folonite.js
Folonite.js – the first lightweight framework that integrates dynamic server-side rendering (SSR), streaming capabilities, and an external component marketplace. Built for developers who need a flexible, scalable, and powerful full-stack web framework with built-in advanced CLI tools.
Folonite Labs, a division under Folonite, focuses on providing innovative solutions that enrich the entire developer ecosystem.
Key Features:
- Dynamic Server-Side Rendering (SSR): Effortlessly generate content server-side for fast load times and enhanced SEO.
- Streaming Content: Stream page content directly to the client for faster interactivity and a smoother user experience.
- Component Marketplace (External): Access, download, and contribute to community-driven components hosted on GitHub.
- Advanced CLI: Simplify project management with commands to check versions, install dependencies, and clear cache.
- Automatic Dependency Management: Ensure your project is always up to date without manual intervention.
- API Handling with JSON Parsing & Authentication: Built-in API routes with JSON body parsing and optional middleware for authentication.
Installation
To install Folonite.js, run the following command:
npm install folonite
Quick Start
Once installed, you can run the following commands to get started.
Start the Development Server
npm run dev
This will start the development server with Nodemon, which automatically restarts the server when changes are detected.
Start the Production Server
npm start
This will start the production-ready server with compression and optimization enabled.
Check Version
To check the current version of Folonite.js installed:
npm run folonite version
Install Dependencies
To auto-install all project dependencies:
npm run folonite -- dependencies
Check for Outdated Dependencies
To check if any dependencies in your project are outdated:
npm run folonite -- outdated
Clean node_modules
and Reinstall Dependencies
This command will remove the node_modules
directory and reinstall all project dependencies from scratch:
npm run folonite -- clean
Clear npm Cache
To clear your npm cache and ensure smooth installation of packages:
npm run folonite -- cache
Extended Features
Although Folonite.js uses an external component marketplace hosted on GitHub, it provides powerful CLI tools for efficiently managing your projects.
External Component Marketplace
While Folonite.js doesn't have an internal component marketplace, you can still access community components via the Folonite-Lib GitHub repository. Here, you can:
- Search for components like
navbar
, footer
, or full templates. - Download and integrate components directly into your project.
Note: For now, you will need to manually download the components/templates from GitHub and add them to your project. Automated installation of components will be added in future versions.
Built-in CLI Commands
Folonite.js comes with a set of powerful and easy-to-use CLI commands to enhance your development experience.
1. Start the Development Server
npm run dev
This command starts the development server and watches for file changes, automatically restarting the server when any changes are detected.
2. Start the Production Server
npm start
Start the production server, optimized for deployment with compression and enhanced performance settings.
3. Check Folonite.js Version
npm run folonite -- --version
This command prints the current version of Folonite.js installed in your project.
4. Install Dependencies
npm run folonite -- dependencies
Automatically install all required project dependencies as specified in your package.json
.
5. Check for Outdated Dependencies
npm run folonite -- outdated
This command checks for outdated packages and provides a list of those that need updates.
6. Clean and Reinstall Dependencies
npm run folonite -- clean
Remove the node_modules
folder and reinstall all dependencies from scratch to ensure a clean installation environment.
7. Clear npm Cache
npm run folonite -- cache
Clear npm cache to resolve issues related to stale cache files and package installations.
Why Folonite.js?
- Developer-Friendly: Folonite.js focuses on simplicity while offering powerful features for both small and large-scale projects.
- Efficient SSR and Streaming: You get performance benefits out of the box, with the flexibility to scale your applications.
- Extendable: Integrate third-party components and templates easily, and contribute to a growing component marketplace hosted on GitHub.
- Built-in CLI for Efficiency: No need to manually manage dependencies or check versions; Folonite.js does the heavy lifting.
Using the External Component Marketplace
While Folonite.js does not have an internal marketplace, it provides seamless access to an external component marketplace hosted on GitHub. Here’s how you can take advantage of this feature.
Searching for Components
To search for a component like navbar
in the external marketplace:
npm run marketplace -- search navbar
View Information about a Component
To get detailed information about a component, such as the author, version, and description:
npm run marketplace -- info [componentName]
Download a Component
To download a component/template from the external marketplace:
npm run marketplace -- download [componentName]
For more information, visit the Folonite-Lib GitHub repository.
Contribution
Want to contribute to the Folonite.js ecosystem? We welcome contributions to Folonite.js! Whether you're looking to add new features, fix bugs, or enhance the documentation, your input is highly valued. Here’s how you can help:
- Submit components or templates to the Folonite-Lib GitHub repository.
- For any doubts or requests regarding contributions, feel free to reach out to us via our LinkedIn page:
Contact Folonite Labs on LinkedIn
Documentation
For full documentation and more advanced guides, please visit our Extended Documentation. Here you will find detailed information on advanced features, integrating third-party components, and more.
License
MIT License © Folonite Labs