Easy bank landing page created with Astro, React and Tailwind tech stack. This simple project was inspired by a challenge on the frontendmentor easy-bank-landing-page.
https://easybank-react.netlify.app/
Before starting, make sure you have nodejs and pnpm installed.
# Install requirement dependencies
pnpm i
# Run your local computer
pnpm run dev
/
โโโ public/
โ โโโ img/
โ โโโ favicon.png
โโโ src/
โ โโโ components/
โ โ โโโ Card.astro
โ โโโ layouts/
โ โ โโโ Layout.astro
โ โโโ pages/
โ โโโ index.astro
โโโ astro.config.mjs
โโโ package.json
โโโ tailwind.config.mjs
There's nothing special about src/components/
, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the public/
directory.
All commands are run from the root of the project, from a terminal:
Command | Action |
---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add , astro check |
npm run astro -- --help |
Get help using the Astro CLI |