Check the electricity price in Spain and its evolution over the last 24 hours. Updated and detailed information for consumers and businesses.
This project setup includes the following features:
- ⚛️ Astro 5
- 🎐 Tailwind CSS 4
- 💎 Typescript Strongly typed programming language
- 🪄 Prettier — Format your code automatically, this will also run on save
- 🧼 ESLint — Find & fix problems in your code, and removing your unused variables
- 🐶 Husky — Git hooks to impreve your commits
- 📜 Commit Lint — Make sure the commit message follows the conventional commit
- 🔗 Absolute Import — Import modules using
~/
prefix
Inside this Astro project, you'll see the following folders and files:
/
├── public/
│ └── favicon.svg
├── src/
│ ├── @types/
│ │ └── index.d.ts
│ ├── components/
│ │ ├── Footer.astro
│ │ ├── LightSchedule.astro
│ │ ├── SocialMedia.astro
│ │ └── icons/
│ │ ├── Github.astro
│ │ └── Linkedin.astro
│ ├── helpers/
│ │ ├── chart-generator.ts
│ │ ├── index.ts
│ │ └── table-generator.ts
│ ├── layouts/
│ │ └── Layout.astro
│ ├── pages/
│ │ └── index.astro
│ └── styles/
│ └── global.css
├── .gitignore
├── astro.config.mjs
├── commitlint.config.mjs
├── eslint.config.mjs
├── prettier.config.mjs
├── tsconfig.json
└── package.json
All commands are run from the root of the project, from a terminal:
Command | Action |
---|---|
pnpm install |
Installs dependencies |
pnpm dev |
Starts local dev server at localhost:4321 |
pnpm build |
Build your production site to ./dist/ |
pnpm preview |
Preview your build locally, before deploying |
pnpm astro |
Check out the Astro CLI commands |
pnpm prepare |
Husky will run this automatically after pnpm install |
pnpm eslint-inspector |
visual tool for inspecting and understanding your ESLint flat configs |