--- title: Cookie date: '2021-03-06T00:00:00+00:00' url: https://www.abhinav.co/cookie summary: Cookie is a Jekyll and Tailwind CSS based landing website template that lets you launch a professional project site with blog, pages and analytics in minutes. tags: - Jekyll - Cookie - Landing Website - Blog - TailwindCSS - Open Source - Technology author: Abhinav Saxena --- # Cookie I recently launched [Soopr](https://www.soopr.co), a set of easy to use tools for your static websites. While building Soopr, I got fascinated with the idea of using a static site as landing website, and using markdown to power additional supporting pages and blog posts. And the outcome is Cookie. Cookie is a Jekyll and Tailwind CSS based static website that makes the whole process of creating and launching landing websites extremely easy. With its responsive and mobile friendly pages, integrated blog, additional pages and [Soopr](https://www.soopr.co) integration, it can help you focus on building your product than landing website. ## Demo You can see demo app deployed [here](https://cookie-demo.netlify.app/) ## Why Jekyll? Jekyll is a static website generator - what it means is that in production, your site will be faster because it has been converted into HTML pages while deployment. Another reason is that by separating your landing website from your app website, your app servers get comparatively free and can boost performance for your regular customers. I chose Jekyll also because it is one of the most stable and simple static website generator frameworks and thus reduces complexity. Cookie also uses Tailwind 2.0 which is a utility first CSS framework, and makes the process of iterating on homepage a lot easier. ## Features * Well-designed landing page * Responsive and mobile friendly * Additional pages like about us, terms of service & privacy policy * Integrated blog, write content in markdown format * Easy to customize using Tailwind CSS * Fast and performant website * SEO optimized * RSS feed * Easy to deploy on platforms like Heroku, AWS, Netlify & Vercel. One-click deploy on Netlify is also possible * [Soopr](https://wwww.soopr.co) integrated - easy to customize share & like buttons, shorten URLs and website analytics
## Installation 1. Fork this repository. 2. `cd cookie` 3. `bin/bootstrap` ## Starting Server `bin/start` - development server will start at http://127.0.0.1:4061 ## Customizing 1. You can customize landing page by modifying index.html in root directory. 2. You can customize 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 change Terms & Privacy Policy. 3. You can write blog posts in `_posts` directory. It's a regular Jekyll blog, and Tailwind Typography for better blog formating and code syntax highlighting is already included. 4. You should also checkout `_config.yml` in root directory, and add relevant details. Many of them are used for SEO purposes. 5. You should also add favicons in `custom-head.html` present in `_includes` directory. You can use [RealFaviconGenerator](https://realfavicongenerator.net/). 6. You can customize image assets in `assets/img` directory. 7. You will have to hook the 'Work with Us' form present on main page with a real backend. 8. [Font Awesome](https://fontawesome.com/) is also integrated, to add any icon in your HTML files, you can refer to the website ## Deploy Instructions Website can be easily deployed on all the cloud providers (AWS etc.), and on static website hosting services like Netlify & Vercel. You can also use this button to do one click deploy

[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/abhinavs/cookie) ## Contributing Bug reports and pull requests are welcome on GitHub at [https://github.com/abhinavs/cookie](https://github.com/abhinavs/cookie). ## Acknowledgement Cookie uses landing page provided by [Tailwind Starter Kit](https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation) - thanks for providing an amazing landing page under MIT License. Initial code was also inspired by [Jekyll TailwindUI](https://github.com/chunlea/jekyll-tailwindui) ## License This project is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).