Binary-Dec Tailwind Templates

Binary Dec

This is idea validation web page created in React + Tailwind + Typescript

React.js landing page template v2

Description

This is a React.js/Next.js based landing page created to validate our idea of binary - bard.

Features

  • 📱 Responsive design

  • 🔥 Next.js for Static Site Generator

  • 🎨 Integrate with Tailwind CSS (w/ JIT mode)

  • 💅 PostCSS for processing Tailwind CSS and integrated to styled-jsx

  • 🎉 Type checking TypeScript

  • 🖱️ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)

Open http://localhost:3000 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.

3. Deploy to production

Deploy with Vercel

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.

You can create an optimised production build with:

yarn build-prod

License

Licensed under the MIT License, Copyright © 2024

Liked this template? Buy me a coffee ☕️

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes