astro-template

A template with Astro with focus on performance and best practices.

Quick start

Note You need Node.js on your computer before running Node.js on your computer before running.

1. First clone this repository and navigate into your project directory
2. copy .env-example .env - copy the .env file
3. Install the dependencies: npm run install
4. Run the development server: npm run dev

Starting development mode

To launch the project in development mode with hot module replacement.

• npm run dev: to compile the Astro application and serve it to the browser

You can view the development server at http://localhost:4321

Starting production mode

Build and optimize your application with for production.

• npm run build: build for production with minification

Starting preview mode

The option shows the current changes, that are made in development mode to check that everything works before deploying the condo to production.

• npm run preview: shows a live project preview

Commands for linting/fixing files

Navigate into your project directory and start linting your files

• npm run lint:js: lints JavaScript files
  • npm run lint:js:fix: to eliminate all possible errors
• npm run lint:css: lints Cascading Style Sheets files
  • npm run lint:css:fix: to eliminate all possible errors
• npm run lint:files: lints configuration files with Prettier
  • npm run lint:files:fix: to eliminate all possible errors
• npm run lint:full - to run all lints commands above
• npm run lint:full:fix - to run all lints all commands above and fix those automatically

What's more?

• SASS

Additional information

• npx npm-check-updates - to check if some npm packages are needed
• npx npm-check-updates -u - to upgrade all npm packages