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](public/assets/images/cover.webp)

# 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

[

![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)

](https://linkedin.com/in/daniel-sousa-tutods)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/dsousa_12)

[![instragram](https://img.shields.io/badge/instragram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](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