Prairie Shields Technology
Business platform offering IT solutions for development, data analytics, seo, cybersecurity, and more.
node.jstypescriptastrotailwindcssreactmicrosoft teams
Built initially using Next.js, then I refactored the entire platform to use Astro and Tailwind CSS. The platform is designed to provide a seamless user experience with a focus on performance and scalability.
Tech Stack
- •astro
- •microsoft teams
- •node.js
- •react
- •typescript
- •tailwindcss
Key Attributes
- •Backlinks for SEO optimization
- •Beautifully designed user interface
- •Blog posts for updates and insights
- •Custom built chatbot for customer support
- •Responsive design for all devices with SVG icons and animations
- •Seamlessly integrated with Microsoft Teams
Development Process
- •Initial setup was with Next.js and Vercel
- •Opted out for an Astro and Cloudflare Pages build
- •Webhook enabled for real-time updates whenever a client fills out the form
- •Dynamic pricing based on user needs
Core Features
- •Search engine optimized
- •Webhooks for form submissions
- •AI Chat Widget
What I learned from this project
- •React + Astro build vs Next.js + Vercel.
- •Astro is a lot like React when it comes to Islands and Components.
- •Astro Islands are a lot like React Components.
- •Animating Astro Islands with Framer Motion.
- •Optimizing Astro Islands for SEO and Performance.
- •Adding an LLMS.txt file for AI models to improve SEO.
- •Building a custom AI model for client support.
- •Integrating Microsoft Teams with Astro.