JAMstack architecture in mind. With these approaches, I wanted to enjoy a Status Page System that gives us better performance, higher security, cheaper hosting, and a better user experience.
A Statusfy site is a Web Application, created with Vue, Nuxt.js and Tailwind CSS: it’s used Vue to dynamically define the interfaces that represent the data, Nuxt.js to make a quick and useful abstraction of the client and server logic, and Tailwind CSS to rapidly define the style of the default theme.
Besides, the System Incidents are created using Markdown and Statusfy generates all the needed logic of your Status Page. The final Web Application can be generated from a single CLI, can be easily configured or customized with your Style requirements.
On the other hand, you can serve your Status Page System created with Statusfy in one marvelous way:
For this way of delivering your Statusfy Application, you can use great Hosting services. I created examples projects so you can start playing around right away with different popular hosting services you may want to use:
Example Project | |
---|---|
Service | Static Generated |
GitHub Pages | Yes |
GitLab Pages | Yes |
Netlify | Yes |
Surge | Yes |
Heroku | Yes |
Now | Yes |
It’s pretty easy to get started with Statusfy. Install it globally with npm:
Make sure you have npx installed (npx
is shipped by default since npm 5.2.0
)
# change the working directory
cd existing_folder
# run the initialization command
npx statusfy init
# and install your local dependencies
npm install # OR yarn install
Create a new incident with this command:
npm run new-incident # OR yarn new-incident
and launch the development server with:
npm run dev # OR yarn dev
You can also generate a Static Generated Website with:
npm run generate # OR yarn generate
In the next couple of months, I’m going to continue to improve the documentation, create tutorials, fix bugs, create a Project Editor, and add extra features.
Statusfy is a completely open source project, sponsored by me, a Full Stack Developer. It’s still a work in progress, so any contribution is very welcome. We’re passionate about building a versatile and a lower cost solution.
You can also support us by giving a GitHub star ★ and spread the word 🤓.