About Cookie

Cookie is a landing page site using Tailwind CSS. You can learn more about customizing the site in README.md file in root directory of the project. You can learn more about Jekyll at jekyllrb.com

You can find the source code for cookie at GitHub: abhinavs / cookie

Cookie is a Jekyll based static website for your next project. It uses Tailwind CSS and comes with

  1. Landing Page
  2. Blog
  3. Auxilarly Pages like Terms, Privacy Policy, Contact and About us.

All pages are responsive and mobile friendly.

Why Jekyll?

Jekyll is a static website generator - what it means is that in production, your site will be extremely fast because it has been ‘compliled’ into HTML pages while deployment. Separating your landing website from your app website is also useful because it takes away the load which otherwise your app website would have handled - it keeps your app website free.

Cookie uses Tailwind 2.0 which is a good improvement over Tailwind 1.0.


Soopr is the easiest way to for you add share reaction buttons to your blog and website, integrate an URL shortener and analytics service. Soopr lets you manage all of these using a powerful dashboard.

Cookie uses Soopr for share and like buttons and is already integrated. By default, Cookie shows circular Twitter, Facebook and Copy buttons in base size. To add like button, please signup for free on Soopr

Check out the Soopr Website for more info on how to get the most out of Soopr.


  1. Fork this repository.
  2. cd cookie
  3. bin/bootstrap

Starting Server



  1. You can customized landing page by modifying index.html in root directory.
  2. You can add analytics, URL shortner and share buttons using Soopr, sign up on Soopr, get a publish token for your website and add it in _config.yml file
  3. You can customnize other website pages by modifying files present in _pages directory. You can add more pages too - you will be able to directly link to them using filename. Don’t forget to customize Terms & Privacy Policy.
  4. You can write blog posts in _posts directory. Tailwind Typography for better blog formating and code syntax highlighting is already included.
  5. You should also checkout _config.yml in root directory, and add relevant details. Many of them are used for SEO purposes.
  6. You should also add favicons in custom-head.html present in _includes directory.
  7. You can customize image assets in assets/img directory.
  8. You will have to hook the ‘Work with Us’ form present on main page with a real backend.
  9. Font Awesome is also integrated, to add any icon in your HTML files, you can refer to the website

Deploy Instructions



Landing page is based on Tailwind Starter Kit and components from Tailblocks - thanks for providing an amazing landing page and components under MIT License.