Miguel Gargallo | Invest less than 2 minutes a day to become a better developer

About Zenix framework

Last updated on

Author: Miguel Gargallo

About Zenix framework - About MyBlog framework | Miguel Gargallo

πŸ–‹οΈ About Zenix framework

This project is a framework based on a fork of astro-starter-kit, so this is a modified version of the default template.

✨ What is coming next?

Internally we are using the new version of Zenix with DATABASE and it connects successfully to the backend!

Zenix 1.1.0 will continue with the same strict philosophy of the framework, but with the addition of a database, so you can create your own backend and connect it to the frontend, and you can also use the Github API to connect to the backend.

πŸ₯° Our Philosophy

Our philosophy is to work with less dependencies and only from very solid sources, by the moment you are:

It is included also PocketBase, always we work with the latest version possible, we know by the moment this is not a current feature of the project, but since internally we are devoloping with pocketbase, we are going to keep it updated and inside the package.json, it will be in this way, the way you will know what is coming next to Zenix Framework:

We want to mantain the less dependencies possible, but we want to mantain the best quality possible, so we are only going to use what is strictly necessary. We present to you Croco, 🐊, we feed it with updates 😍😍😍 buuuuuuuuut! you can feed too with feedback here 🐊 LOVES YOUR FEEDBACK Feed it!

We are open for issues, so do not dishesitate to open an issue if you find something wrong, or if you want to suggest something, we are open for suggestions.

πŸš€ In this update

Update | github 1.0.77 | npm 0.0.30 | README NOW! | Remote | Pylar AI | Database | Github API | Vercel deployable | Astro components | CSS customization | Markdown & MDX support | SEO-friendly | Sitemap support | RSS Feed support | Lighthouse performance | 100/100

Update | github 1.0.76 | npm 0.0.29 | Fix Menu | Responsive | Remote | Pylar AI | Database | Github API | Vercel deployable | Astro components | CSS customization | Markdown & MDX support | SEO-friendly | Sitemap support | RSS Feed support | Lighthouse performance | 100/100

🎁 Features

It contains the Zenix Remote (github version 1.0.68 and npm version 0.0.17 Zenix npmjs)

Zenix Remote


🧞 Commands

All commands are run from the root of the project, from a terminal:

npm iInstalls dependencies
npm zenixStarts local dev server at localhost:3000
./zenix.sh *1Open the remote and don’t type commands anymore

*1: first β€˜chmod +x ./zenix.sh’ then β€˜./zenix.sh’. If you want a first run to try do: β€˜npm i && ./zenix.sh’ and press 2 to start the dev instance at port 3000.

πŸ¦„ Project Structure

Based on the file structure you provided, it looks like your project is built using Astro, which is a static site generator. The .mdx files in the pages/blog directory are Markdown files with JSX, and they will be rendered as blog posts on your site. The .astro files are Astro components, which are used to build the structure of your site. The .css files in the styles directory contain styles that are applied to the site. The tsconfig.json file is for configuring TypeScript, a programming language that is a strict superset of JavaScript. The package.json file lists the project dependencies and scripts for building and running the project. The public directory contains assets such as images and icons that are used on the site. The .github and .vscode directories contain files related to using GitHub and Visual Studio Code, respectively. The README.md file contains information about the project, and the LICENSE.md file specifies the terms under which the project is licensed.

β”œβ”€β”€ .api
β”‚   β”œβ”€β”€ API.js
β”‚   β”œβ”€β”€ License.md
β”‚   └── README.md
β”œβ”€β”€ .github
β”‚   └── FUNDING.yml
β”œβ”€β”€ .gitignore
β”œβ”€β”€ .vscode
β”‚   β”œβ”€β”€ extensions.json
β”‚   └── launch.json
β”œβ”€β”€ License.md
β”œβ”€β”€ README.md
β”œβ”€β”€ astro.config.mjs
β”œβ”€β”€ favicon.ico
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
β”œβ”€β”€ public
β”‚   β”œβ”€β”€ favicon.icns
β”‚   β”œβ”€β”€ favicon.ico
β”‚   β”œβ”€β”€ favicon.png
β”‚   β”œβ”€β”€ favicon.svg
β”‚   β”œβ”€β”€ icon.icns
β”‚   β”œβ”€β”€ icon.ico
β”‚   β”œβ”€β”€ info.json
β”‚   β”œβ”€β”€ input.png
β”‚   β”œβ”€β”€ placeholder-about.jpg
β”‚   β”œβ”€β”€ placeholder-hero.jpg
β”‚   └── placeholder-social.jpeg
β”œβ”€β”€ remote.sh
β”œβ”€β”€ remoteServer.sh
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”œβ”€β”€ ApiHeader.astro
β”‚   β”‚   β”œβ”€β”€ BaseHead.astro
β”‚   β”‚   β”œβ”€β”€ Calendar.astro
β”‚   β”‚   β”œβ”€β”€ Copyright.astro
β”‚   β”‚   β”œβ”€β”€ Footer.astro
β”‚   β”‚   β”œβ”€β”€ Ga.astro
β”‚   β”‚   β”œβ”€β”€ Header.astro
β”‚   β”‚   β”œβ”€β”€ HeaderLink.astro
β”‚   β”‚   β”œβ”€β”€ Menu.astro
β”‚   β”‚   β”œβ”€β”€ Mobile.astro
β”‚   β”‚   β”œβ”€β”€ Shortcuts.astro
β”‚   β”‚   └── Tag.astro
β”‚   β”œβ”€β”€ config.ts
β”‚   β”œβ”€β”€ env.d.ts
β”‚   β”œβ”€β”€ layouts
β”‚   β”‚   └── BlogPost.astro
β”‚   β”œβ”€β”€ pages
β”‚   β”‚   β”œβ”€β”€ License
β”‚   β”‚   β”œβ”€β”€ about.md
β”‚   β”‚   β”œβ”€β”€ api.astro
β”‚   β”‚   β”œβ”€β”€ blog.astro
β”‚   β”‚   β”œβ”€β”€ blog
β”‚   β”‚   β”‚   β”œβ”€β”€ ai-advancement-science.mdx
β”‚   β”‚   β”‚   β”œβ”€β”€ ai-costs-savings.mdx
β”‚   β”‚   β”‚   β”œβ”€β”€ ai-discover-marine-species.mdx
β”‚   β”‚   β”‚   β”œβ”€β”€ chatgpt-write-perfectly.mdx
β”‚   β”‚   β”‚   β”œβ”€β”€ domains-exetensions-handshake.mdx
β”‚   β”‚   β”‚   β”œβ”€β”€ iphone-future-apple.mdx
β”‚   β”‚   β”‚   β”œβ”€β”€ licenses-opensource-important.mdx
β”‚   β”‚   β”‚   └── ultimate-seo-guide-nextjs.mdx
β”‚   β”‚   β”œβ”€β”€ index.astro
β”‚   β”‚   β”œβ”€β”€ projects.md
β”‚   β”‚   └── rss.xml.js
β”‚   └── styles
β”‚       β”œβ”€β”€ general.css
β”‚       β”œβ”€β”€ icons.css
β”‚       β”œβ”€β”€ layout.css
β”‚       └── typography.css
└── tsconfig.json

πŸ“ License

This projects runs on a Pylar AI creative ML License.