Loading repository data…
ysskrishna / repository
A full-stack TypeScript application demonstrating advanced SEO optimization using React-Helmet-Async at the page level with an Express.js backend and React Frontend. This project showcases modern development practices including optimized production builds with esbuild, TailwindCSS for styling, and TypeScript integration throughout the stack.
A full-stack TypeScript application demonstrating advanced SEO optimization using React-Helmet-Async at the page level with an Express.js backend and React Frontend. This project showcases modern development practices including optimized production builds with esbuild, TailwindCSS for styling, and TypeScript integration throughout the stack.
Watch the full video on YouTube
The fastest way to run the application is using Docker Compose:
docker compose up --build
This will build and start the application in production mode at http://localhost:5000.
react-helmet-seo-demo/
├── client/ # Frontend React application
│ ├── src/ # Source folder
│ │ ├── api/ # API integration and services
│ │ ├── components/ # Reusable React components
│ │ ├── pages/ # Page components with SEO
│ │ ├── types/ # TypeScript type definitions
│ │ ├── App.tsx # Root App component
│ │ ├── App.css # App-specific styles
│ │ ├── main.tsx # Application entry point
│ │ ├── index.css # Global styles
│ │ └── vite-env.d.ts # Vite environment types
│ ├── public/ # Static assets
│ │ └── sitemap.xml # Generated sitemap for SEO
│ ├── scripts/ # Build and utility scripts
│ │ └── generate-sitemap.js # Script to generate sitemap
│ ├── dist/ # Frontend Build output
│ ├── index.html # Entry HTML file
│ ├── robots.txt # SEO robots configuration
│ ├── vite.config.ts # Vite configuration
│ ├── tailwind.config.js # Tailwind CSS configuration
│ ├── postcss.config.js # PostCSS configuration
│ ├── eslint.config.js # ESLint configuration
│ ├── tsconfig.json # TypeScript configuration
│ ├── package.json # Frontend dependencies
│ └── .gitignore # Git ignore rules
├── server/ # Backend Express application
│ ├── core/ # Core server functionality
│ ├── routers/ # API routes
│ ├── services/ # Business logic services
│ ├── types.ts # TypeScript type definitions
│ └── index.ts # Server entry point
├── dist/ # Backend Production build output
├── .env # Backend Environment variables
├── .gitignore # Git ignore rules
├── CHANGELOG.md # Project changelog
├── DEVELOPMENT.md # Development guidelines
├── LICENSE.md # Project license
├── README.md # Project documentation
├── SEO.md # SEO implementation guide
├── package.json # Project dependencies and scripts
├── tsconfig.json # TypeScript configuration
├── Dockerfile # Docker configuration for the application
├── docker-compose.yml # Docker Compose configuration
└── .dockerignore # Docker ignore rules
Contributions are welcome! Please feel free to submit a Pull Request.
This template is licensed under the MIT License - see the LICENSE file for details.
Selected from shared topics, language and repository description—not editorial ratings.
DavideViolante /
Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
paralect /
A full-stack plugin-based boilerplate to ship scalable products fast 🚀
winwiz1 /
React boilerplate written in TypeScript with a variety of Jamstack and full stack deployments. Comes with SSR and without need to learn a framework. Helps to split a monolithic React app into multiple SPAs and avoid vendor lock-in.
:tada: A full-stack boilerplate that using express with webpack, react and typescirpt!
ukanhaupa /
Projx — A CLI tool for scaffolding production-grade projects. Pick your stack (FastAPI, Fastify, React, Flutter), get a fully wired template with auth, database, CI/CD, and E2E tests. Update anytime when templates improve.
agencyenterprise /
AEboilerplate is an opinionated boilerplate that creates a full-stack React/Node Typescript project, with independent client and API structures in the same repository, ready to run and deploy.