Skip to content

Bent-o - A NextJS Tailwind CSS bento layout template made for you!

Notifications You must be signed in to change notification settings

christian-luntok/bent-o

Repository files navigation

Bent-o logo

Bent-o

A bento style theme made for you!

Bento Mockup

DOCUMENTATION

  • Version: 1.0.0
  • Created: 12 Jan 2024
  • Last update: 12 Jan 2024

Key Features:

  • Minimal styling (make it your own!)
  • Accessible, semantic HTML markup
  • Blazingly Fast
  • Responsive & SEO-friendly with canonical URLs, OpenGraph data and Meta tags.
  • Made with NextJS and TailwindCSS

This is a Next.js project bootstrapped with create-next-app.


Deploy your own

Deploy the example using Vercel.

If you want to deploy on Netlify, use the following build command under site settings:

npm run build

You also want to make sure the publish directory is out.


Getting Started

Change into the project directory and run the following command:

npm run dev
# or
yarn dev

Update Site Metadata (config.ts)

export const SITE: Site = {
    siteUrl: "Your Site URL.",
    author: "Your Author",
    desc: "Your Description",
    title: "Your Title",
    ogImage: "Your OG Image",
    keywords: "Your keywords"
};

Update Colors

You can update the colors in tailwind configuration file.


Update Favicon

Update the manifest.json file and the icons under the public/images/icons folder.

You can use free tools online such as https://realfavicongenerator.net/ to quickly generate all the different icon sizes and favicon.ico file.


Acknowledgements

Images from https://shots.so/ and https://icons8.com/. Logo used from https://logoipsum.com/.


Made by chrstnl

About

Bent-o - A NextJS Tailwind CSS bento layout template made for you!

Resources

Stars

Watchers

Forks