Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lukman155/herojet-work
A beautiful landing page for a client that deals in geosciences specialist equipment
https://github.com/lukman155/herojet-work
Last synced: 21 days ago
JSON representation
A beautiful landing page for a client that deals in geosciences specialist equipment
- Host: GitHub
- URL: https://github.com/lukman155/herojet-work
- Owner: lukman155
- License: mit
- Created: 2024-03-31T14:29:21.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-03-31T15:23:59.000Z (8 months ago)
- Last Synced: 2024-04-01T15:37:36.557Z (8 months ago)
- Language: TypeScript
- Size: 11.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React.js landing page template v2
## LIVE DEMO
### Description
This is a React.js/Next.js based landing page plug-n-play template, ideal for startups/companies/service providers wanting to showcase their vision in a single page sleek and modern landing page.
### Features
- 📱 Responsive design
- 🔥 [Next.js](https://nextjs.org) for Static Site Generator
- 🎨 Integrate with [Tailwind CSS](https://tailwindcss.com) (w/ JIT mode)
- 💅 PostCSS for processing Tailwind CSS and integrated to `styled-jsx`
- 🎉 Type checking [TypeScript](https://www.typescriptlang.org)
- 🗂 VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript
- 🤖 SEO metadata, JSON-LD and Open Graph tags with Next SEO
- 🖱️ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)
Built-in feature from Next.js:
- ☕ Minify HTML & CSS
- 💨 Live reload
- ✅ Cache busting
### Make it your own
#### 1. Clone repo
```
git clone https://github.com/issaafalkattan/react-landing-page-template-2021.git
cd react-landing-page-template-2021
yarn
```
Then, you can run locally in development mode with live reload:
```
yarn dev
```
Open with your favorite browser to see your project.
#### 2. Add your own content
1. **Content**: change the configuration in the ```src/config/index.json``` file to change the content of the landing page to match your use ```src/config/index.json``` folder and .
2. **Images**: add any images/icons..etc to the ```public/assets/images``` folder and update their reference source in ```src/config/index.json```.
3. **Theme**: to change the theme, update the ```tailwind.config.js``` file to match the theme of your branding. [Tutorial](https://tailwindcss.com/docs/configuration).
#### 3. Deploy to production
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fissaafalkattan%2Freact-landing-page-template-2021)
##### Deploy manually
You can see the results locally in production mode with:
```
yarn build
yarn start
```
The generated HTML and CSS files are minified (built-in feature from Next js). It will also removed unused CSS from [Tailwind CSS](https://tailwindcss.com).
You can create an optimised production build with:
```
yarn build-prod
```
### Contributions
Everyone is welcome to contribute to this project. Feel free to open an issue if you have question or found a bug.
### License
Licensed under the MIT License, Copyright © 2021
## Liked this template? Buy me a coffee ☕️
---
### Looking for v1? V1