web-profile Tailwind Templates

Web Profile

Personal website built with Astro 4.0 and styled using Tailwind CSS

๐Ÿš€ Personal website built with Astro 4.0 ๐Ÿš€

www.cherniavskyi.dev

Demo Demo

Code is licensed under MIT, words and images are licensed under CC BY-NC-SA 4.0.

๐Ÿš€ Getting Started

Follow these steps to set up and run the project locally:

Prerequisites

Ensure you have the following installed:

  • Node.js (Node.js - v18.17.1 or v20.3.0 or higher. ( v19 is not supported.))
  • npm

Installation

  1. Clone the repository:

    git clone <repository-url>
    cd <project-directory>
    
  2. Install dependencies: npm install

Running the Development Server

  1. Run: npm run dev

  2. Open your browser and navigate to: http://localhost:4321

Tailwind CSS and DaisyUI Integration

Tailwind CSS is pre-configured with DaisyUI for components. To change the theme, edit the tailwind.config.js file or use DaisyUIโ€™s theme switcher feature. Refer to the DaisyUI documentation for more details.

Deployment

The project uses GitHub Actions for automated deployment to AWS S3 and CloudFront. To set up your deployment pipeline:

  1. Update the deployment configuration in .github/workflows/deploy.yml with your AWS credentials and S3 bucket details.
  2. Push changes to the main branch to trigger the deployment workflow.

Your application will be automatically deployed and accessible through your configured CloudFront distribution.

โœจ All Commands

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

Top categories

Loading Svelte Themes