This portfolio is a showcase of my work, crafted with Astro, and styled using Tailwind CSS with custom CSS enhancements. Typography is set using Google Fonts, and form interactions are powered by Svelte. Deployment and continuous integration are handled through Netlify.
Check out the live site here: joshuapconley.netlify.app
Clone the repository and install the dependencies:
git clone https://github.com/jpcc0/conley-marketing.git
cd conley-marketing
npm install
To start the development server, run:
npm run dev
Here's the layout of the project:
/
āāā public/
ā āāā assets/ # Static assets like images and fonts
āāā src/
ā āāā components/ # Svelte components
ā āāā styles/ # Custom styles and Tailwind CSS
ā āāā pages/ # Astro pages (.astro files)
ā āāā utils/ # Utility and helper functions
āāā postcss.config.js # PostCSS configuration
āāā tailwind.config.js # Tailwind CSS configuration
āāā astro.config.mjs # Astro configuration
āāā package.json # Package manifest
š Deployment This site is deployed on Netlify, with automatic deploys from the main branch:
npm run build # Build the production site
npm run preview # Preview the built site locally
The netlify.toml file contains the necessary configurations for deployment.
Astro: For building fast, modern websites. Tailwind CSS: For utility-first styling. Custom CSS: Additional styles for personal flair. Google Fonts: For beautiful, readable typefaces. Svelte: Reactive component framework for building efficient interfaces. Netlify: Hosting and automated deployments.
Astro Documentation Tailwind CSS Documentation Google Fonts Svelte Documentation Netlify Documentation
Feel free to fork, star, or contribute to this repository if you find it useful. Happy coding!