Technews is an open-source Jekyll-based blog template for building a technology news website, featuring category filtering, GitHub account comments, and a responsive Bootstrap design. It provides a static site generator workflow that turns Markdown posts into a browsable news portal with social sharing and newsletter signup.
What is Technews?
Technews is a web application template built with Jekyll, a static site generator written in Ruby, designed to publish news and information about software development, hardware, and technology trends. The template accepts Markdown files as content input and outputs a complete static website with category pages, a customizable homepage, and individual post pages. It was developed by guipm.dev, and the UI layout is available as a Figma file. The project is licensed under the MIT license and is hosted publicly on GitHub.
Key Features
- Category filtering — Posts are organized into categories, and readers can quickly filter content by category from the main page.
- Load more button — The homepage uses a
Load morebutton to reveal additional article cards without navigating to a paginated page. - GitHub-powered comments — Visitors can leave comments on articles using their GitHub account, so discussions are tied to GitHub identities.
- Share, like, and save — Each post layout includes controls for sharing, liking, and saving articles to make content easy to distribute.
- PHP-powered forms — The site includes interactive forms, such as a newsletter signup, processed with PHP scripts.
- Responsive Bootstrap layout — The front end is built with Bootstrap and Sass, providing a mobile-first grid and consistent styling across devices.
- Jekyll and Liquid templates — Content is written in Markdown and rendered by Jekyll, making the site fast and deployable to static hosting.
Who is it for?
Technews is aimed at technology enthusiasts, professionals, and students who want a curated, readable tech news experience. Developers can clone the repository and use the Jekyll structure to publish their own articles, while content editors can add posts by writing Markdown files and running a local Jekyll server. Designers can also use the Figma layout to iterate on the visual design before the site is built.
What can you do with Technews?
- Launch a technology news site — Publish a static site with categorized article listings, comments, and newsletter capture without managing a database.
- Create a personal tech blog — Use the existing post layout and social controls to share software and hardware articles with an audience.
- Learn Jekyll development — Study a working example that combines Jekyll, Bootstrap, Sass, JavaScript, and PHP as a learning resource.
- Build a magazine-style portal — Structure a multi-author news site by extending the category system and load-more interaction.
How does Technews work?
To run the site locally, you need Git, Ruby and RubyGems installed. The README instructs you to install the jekyll and bundler gems, clone the repository, install dependencies with bundle install, and then start the development server with bundle exec jekyll serve --livereload. The generated site is then available at localhost:4000/technews/ for local preview.
Pricing
Technews is free to use and modify under the MIT license. The repository does not describe any paid tiers or commercial licensing terms.
FAQ
Is Technews free?
Yes. The project is released under the MIT license, so the source code can be freely used, copied, modified, and distributed, including for commercial projects.
What technologies does Technews use?
Technews uses Jekyll as the site generator, with Bootstrap and Sass for styling, JavaScript for interactivity, and PHP for form handling. The development workflow uses Ruby, Git, and RubyGems.
How do I run Technews locally?
Install Git, Ruby, and RubyGems first. Then run gem install jekyll bundler, clone the repository from GitHub, run bundle install, and finally bundle exec jekyll serve --livereload to start a local server.
Can I customize the Technews layout?
Yes, the layout was designed by guipm.dev and is available as a Figma file. You can edit the design in Figma and update the Sass and Bootstrap components in the codebase to match your branding.
Does Technews include a newsletter signup form?
Yes, the project overview mentions newsletter sign-up, and the feature list describes interactive forms powered by PHP that can capture subscriber emails. The PHP backend handles the form submissions rather than a third-party service.
