Blog Template by Tailwind CSS

Link

• Demo

Screenshot

Working on the project

Prerequisists

• Nodejs: v18.14.1 (LTS) (Install Nodejs)

Installing the project

The node packages used:

• tailwindcss: v3.2.6
• flowbite: v1.6.3

Install the node packages:

• Run command to install project dependencies npm install

Run tests and watch for changes:

npx tailwindcss -i ./src/styles.css -o ./public/styles.css --watch

Note: Apart from the documentation of Tailwind CSS, a public directory was created instead of a dist directory, and styles.css was created instead of input.css and output.css in the project root; the files in the directory are ready for deployment.

The process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Javascript
• Grid Layout
• Tailwind CSS
• Flowbite

Useful resources

• Tailwind CSS - The documentation of Tailwind CSS was used to give the features to the template.
• Flowbite - It is the most popular open-source library of interactive UI components built with the utility classes from Tailwind CSS.
• Youtube - The tutorial called 'Tailwind CSS tutorial' on Shaun Pelling's Youtube channel (The Net Ninja) helped to create the main structure of the template.

Author

• Github - @ecemgo
• CodePen - @ecemgo
• YouTube - @ecemgokdogan
• Twitter - @ecemgo