Audience
Developers looking for a framework solution to build static generated websites and applications
About Gridsome
Gridsome makes it easy for developers to build static generated websites & apps that are fast by default. Vue.js, GraphQL & all the power of Node.js & the JavaScript ecosystem. Develop locally and get instant hot-reloading for any code change. Gridsome builds ultra performance into every page by using the PRPL pattern. You get code splitting, asset optimization, progressive images, and link prefetching out of the box. Gridsome sites get almost perfect page speed scores by default. Gridsome generates static PWAs. Only critical HTML, CSS, and JavaScript get loaded first. The next pages are then prefetched so users can click around incredibly fast without page reloads, even when offline. Gridsome sites load as static HTML before they hydrate into fully Vue.js-powered SPAs. This makes it possible for search engines to be able to crawl content and give better SEO ranking, and still have all the power of Vue.js.
Company Information
Gridsome
Founded: 2016
gridsome.org
Videos and Screen Captures
Jekyll
No more databases, comment moderation, or pesky updates to install, just your content. Markdown, Liquid, HTML & CSS go in. Static sites come out ready for deployment. Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here. Sick of dealing with hosting companies? GitHub Pages are powered by Jekyll, so you can easily deploy your site using GitHub for free, custom domain name and all. Jekyll is a static site generator. It takes text written in your favorite markup language and uses layouts to create a static website. You can tweak the site’s look and feel, URLs, the data displayed on the page, and more. The Jekyll gem makes a jekyll executable available to you in your terminal. Typically you’ll use jekyll serve while developing locally and jekyll build when you need to generate the site for production. To change Jekyll’s default build behavior have a look through the configuration options.
Learn more
VuePress
Minimal setup with markdown-centered project structure helps you focus on writing. Enjoy the dev experience of Vue + webpack, use Vue components in markdown, and develop custom themes with Vue. VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded. A VuePress site is in fact a SPA powered by Vue (opens new window), Vue Router (opens new window)and webpack (opens new window). If you’ve used Vue before, you will notice the familiar development experience when you are writing or developing custom themes (you can even use Vue DevTools to debug your custom theme!).
Learn more
Firefox Developer Edition
Welcome to your new favorite browser. Get the latest features, fast performance, and the development tools you need to build for the open web. All the latest developer tools in beta, plus experimental features like the multi-line console editor and WebSocket inspector. A separate profile and path so you can easily run it alongside release or beta Firefox. Preferences tailored for web developers, browser and remote debugging are enabled by default, as are the dark theme and developer toolbar button. Firefox DevTools now grays out CSS declarations that don’t have an effect on the page. When you hover over the info icon, you’ll see a useful message about why the CSS is not being applied, including a hint about how to fix the problem. The new Firefox DevTools are powerful, flexible, and best of all, hackable. This includes a best-in-class JavaScript debugger, which can target multiple browsers and is built in React and Redux.
Learn more
Adobe Dreamweaver
Responsive websites. Really fast. Build beautiful sites for any browser or device. Quickly create and publish web pages almost anywhere with web design software that supports HTML, CSS, JavaScript, and more. Create, code, and manage dynamic websites easily with a smart, simplified coding engine. Access code hints to quickly learn and edit HTML, CSS, and other web standards. And use visual aids to reduce errors and speed up site development. Get your sites up and running faster with starter templates that you can customize to build HTML emails, About pages, blogs, e-commerce pages, newsletters, and portfolios. And because Dreamweaver is part of Creative Cloud, you can quickly bring in assets from your Libraries and Adobe Stock to enhance your sites. Build responsive websites that adapt to fit any screen size. Preview your sites and edits in real time to make sure your pages look and work the way you want before you publish.
Learn more
You Might Also Like
HubSpot is an AI-powered customer platform with all the software, integrations, and resources you need to connect your marketing, sales, and customer service. HubSpot's connected platform enables you to grow your business faster by focusing on what matters most: your customers.
Product Details
Platforms Supported
SaaS
Training
Documentation
Support
Online