Search by Algolia
Building a performant search bar in Nuxt with Algolia & Storefront UI
engineering

Building a performant search bar in Nuxt with Algolia & Storefront UI

In today's highly competitive e-commerce landscape, providing customers with a seamless and efficient search experience can make all ...

Jakub Andrzejewski

Senior Developer and Dev Advocate at Vue Storefront

How to use AI to build your business
ai

How to use AI to build your business

The world of technology is constantly evolving with generative Artificial Intelligence (AI) currently leading the charge. We’re suddenly surrounded ...

Abhijit Mehta

Director of Product Management

Haystack EU 2023: Learnings and reflections from our team
ai

Haystack EU 2023: Learnings and reflections from our team

If you have built search experiences, you know creating a great search experience is a never-ending process: the data ...

Paul-Louis Nech

Senior ML Engineer

What is k-means clustering? An introduction
product

What is k-means clustering? An introduction

Just as with a school kid who’s left unsupervised when their teacher steps outside to deal with a distraction ...

Catherine Dee

Search and Discovery writer

Feature Spotlight: Synonyms
product

Feature Spotlight: Synonyms

Back in May 2014, we added support for synonyms inside Algolia. We took our time to really nail the details ...

Jaden Baptista

Technical Writer

Feature Spotlight: Query Rules
product

Feature Spotlight: Query Rules

You’re running an ecommerce site for an electronics retailer, and you’re seeing in your analytics that users keep ...

Jaden Baptista

Technical Writer

An introduction to transformer models in neural networks and machine learning
ai

An introduction to transformer models in neural networks and machine learning

What do OpenAI and DeepMind have in common? Give up? These innovative organizations both utilize technology known as transformer models ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

What’s the secret of online merchandise management? Giving store merchandisers the right tools
e-commerce

What’s the secret of online merchandise management? Giving store merchandisers the right tools

As a successful in-store boutique manager in 1994, you might have had your merchandisers adorn your street-facing storefront ...

Catherine Dee

Search and Discovery writer

New features and capabilities in Algolia InstantSearch
engineering

New features and capabilities in Algolia InstantSearch

At Algolia, our business is more than search and discovery, it’s the continuous improvement of site search. If you ...

Haroen Viaene

JavaScript Library Developer

Feature Spotlight: Analytics
product

Feature Spotlight: Analytics

Analytics brings math and data into the otherwise very subjective world of ecommerce. It helps companies quantify how well their ...

Jaden Baptista

Technical Writer

What is clustering?
ai

What is clustering?

Amid all the momentous developments in the generative AI data space, are you a data scientist struggling to make sense ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

What is a vector database?
product

What is a vector database?

Fashion ideas for guest aunt informal summer wedding Funny movie to get my bored high-schoolers off their addictive gaming ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Unlock the power of image-based recommendation with Algolia’s LookingSimilar
engineering

Unlock the power of image-based recommendation with Algolia’s LookingSimilar

Imagine you're visiting an online art gallery and a specific painting catches your eye. You'd like to find ...

Raed Chammam

Senior Software Engineer

Empowering Change: Algolia's Global Giving Days Impact Report
algolia

Empowering Change: Algolia's Global Giving Days Impact Report

At Algolia, our commitment to making a positive impact extends far beyond the digital landscape. We believe in the power ...

Amy Ciba

Senior Manager, People Success

Retail personalization: Give your ecommerce customers the tailored shopping experiences they expect and deserve
e-commerce

Retail personalization: Give your ecommerce customers the tailored shopping experiences they expect and deserve

In today’s post-pandemic-yet-still-super-competitive retail landscape, gaining, keeping, and converting ecommerce customers is no easy ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Algolia x eTail | A busy few days in Boston
algolia

Algolia x eTail | A busy few days in Boston

There are few atmospheres as unique as that of a conference exhibit hall: the air always filled with an indescribable ...

Marissa Wharton

Marketing Content Manager

What are vectors and how do they apply to machine learning?
ai

What are vectors and how do they apply to machine learning?

To consider the question of what vectors are, it helps to be a mathematician, or at least someone who’s ...

Catherine Dee

Search and Discovery writer

Why imports are important in JS
engineering

Why imports are important in JS

My first foray into programming was writing Python on a Raspberry Pi to flicker some LED lights — it wasn’t ...

Jaden Baptista

Technical Writer

Looking for something?

facebookfacebooklinkedinlinkedintwittertwittermailmail

InstantSearch by Algolia is a family of frontend libraries to create search UIs on top of Algolia APIs.

Today, we’re introducing Create InstantSearch App: a command-line interface (CLI) to bootstrap InstantSearch applications from the terminal. All you need is Node.js ≥ 8, you don’t need to install anything else.

Create InstantSearch App preview

Why

Developer Experience (DX) has always been in Algolia’s DNA. We constantly want to improve the interaction between developers and our products. A lot of efforts have been spent on the Algolia Dashboard to facilitate your search setup and on our API clients to communicate easily with our servers. On the other hand, our frontend solution to build search interfaces — InstantSearch — yet powerful, is quite complex to get started with.

When only InstantSearch.js was available, kicking a vanilla JavaScript application was pretty straightforward. Now that we support many environments (React, React Native, Vue, Angular, iOS, and Android), you’re likely to spend more time on tooling rather than actual search implementation. We already provide good component primitives to build search UIs, but what could we do better on our side?

We drew inspiration from Facebook and more specifically Create React App — an awesome project that the React team is conducting to improve the React developer experience and onboarding.

Create InstantSearch App lets you focus on your project by taking care of all the tedious and repetitive work, regardless of your ecosystem:

  • Do you have a new dataset to use? Run the CLI and enter the credentials to access this dataset.
  • Do you have a new client to build a demo for? Run the CLI, enter the application credentials and start building the experience.
  • Do you need help from the Algolia team? Use an online template generated by Create InstantSearch App and send it to us! We’ll do our best to help you make your search experience great.

This tool is about actual search implementation rather than the process of building an app. It creates a working UI based on the given information. We’ve been using Create InstantSearch App internally for a few weeks before announcing it and it has immensely improved our productivity.

How we use the tool at Algolia

Help quickly delight users

At Algolia, Solution Engineers are customer-facing engineers building proof of concepts for clients and partners. They often need to create InstantSearch applications, demo and iterate on them. This tool helps them increase the speed of development to showcase what is possible for their business.

Help Algolia help you

Bug reproduction is often the best way to solve issues. Create InstantSearch App allows users to reproduce bugs either:

The latter is now our go-to way to help customers identify issues. We send them a link to the online template, they fork it and showcase the bug. This happens entirely in the browser.

Help you understand InstantSearch

Tooling should never get in the way of new users. While rewriting the entire Algolia documentation, we decided to skip the tooling explanation in all our Getting Started guides and to advocate using Create InstantSearch App. We even used it to bootstrap our new interactive tutorial.

This is only the beginning

Create InstantSearch App is only the beginning of our journey to better frontend DX. We have much more to achieve and are looking forward to sharing more improvements. Meanwhile, give our InstantSearch libraries a try!

npx create-instantsearch-app my-app

You can find the documentation and the source code on GitHub. If you have any feedback don’t hesitate to let us know on Github, tweet to us or comment on this post.

About the author
François Chalifour

Software Engineer

githubtwitter

Algolia documentation

It's extensive, clear, and, of course, searchable.

Read the docs
Algolia documentation

Recommended Articles

Powered byAlgolia Algolia Recommend

Harnessing API’s with React: a different approach
engineering

Alexandre Stanislawski

Connectors, Docs & the Future — a Deeper Look into InstantSearch.js v2
product

Alexandre Stanislawski

Announcing instantsearch.js: Everything you need for great search in one library
product

Alexandre Stanislawski