https://github.com/tutods/codeboost-lp-structure
Landing Page structure following the tips on CodeBoost YouTube video.
https://github.com/tutods/codeboost-lp-structure
eslint landing-page next nextjs prettier react tailwind tailwindcss typescript
Last synced: 3 months ago
JSON representation
Landing Page structure following the tips on CodeBoost YouTube video.
- Host: GitHub
- URL: https://github.com/tutods/codeboost-lp-structure
- Owner: tutods
- Created: 2023-04-16T20:00:33.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-01T18:04:33.000Z (about 3 years ago)
- Last Synced: 2025-10-20T00:42:08.133Z (8 months ago)
- Topics: eslint, landing-page, next, nextjs, prettier, react, tailwind, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://lp-structure.vercel.app
- Size: 567 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README

# Landing Page Structure
This repo contains the code following the [**CodeBoost** video][video] about how to structure a landing page. **Link below**👇
[![youtube][youtube]][video]
As usually, on this repo you can found some changes when compare with the course project.
## 🛠Skills
![nextjs][nextjs] ![tailwindcss][tailwindcss] ![typescript][typescript]
## 📄 Roadmap
- [x] Use **Next.js** and **Tailwind CSS**;
- [x] Use SVG Sprite for the icons;
- [x] Convert static assets from `.png`/`.jpg` to `.webp`;
- [x] Create mobile version;
- [x] Add **ESLint** config.;
- [x] Add **Prettier** config.;
- [x] Add **commitlint**;
- [x] Add **Husky** and **LintStaged** to add commit hooks.
## 🔗 More About Me
[

](https://linkedin.com/in/daniel-sousa-tutods)
[](https://twitter.com/dsousa_12)
[](https://twitter.com/dsousa_12)
[nextjs]: https://img.shields.io/badge/nextjs-1C1C1F?style=for-the-badge&logo=next.js&logoColor=white
[tailwindcss]: https://img.shields.io/badge/tailwindcss-1C1C1F?style=for-the-badge&logo=tailwindcss&logoColor=white
[typescript]: https://img.shields.io/badge/typescript-1C1C1F?style=for-the-badge&logo=typescript&logoColor=white
[youtube]: https://img.shields.io/badge/youtube-F04264?style=for-the-badge&logo=youtube&logoColor=white
[video]: https://youtu.be/LVv1LD7h6Jg