Search by Algolia
How personalization boosts customer engagement
e-commerce

How personalization boosts customer engagement

You land on your favorite retailer’s website, where everything seems to be attractively arranged just for you. Your favorite ...

Jon Silvers

Director, Digital Marketing

What is retail analytics and how can it inform your data-driven ecommerce merchandising strategy?
e-commerce

What is retail analytics and how can it inform your data-driven ecommerce merchandising strategy?

There is such tremendous activity both on and off of retailer websites today that it would be impossible to make ...

Catherine Dee

Search and Discovery writer

8 ways to use merchandising data to boost your online store ROI
e-commerce

8 ways to use merchandising data to boost your online store ROI

New year, new goals. Sounds positive, but looking at your sales data, your revenue and profit aren’t so hot ...

John Stewart

VP, Corporate Communications and Brand

Algolia DocSearch + Astro Starlight
engineering

Algolia DocSearch + Astro Starlight

What is Astro Starlight? If you're building a documentation site, your content needs to be easy to write and ...

Jaden Baptista

Technical Writer

What role does AI play in recommendation systems and engines?
ai

What role does AI play in recommendation systems and engines?

You put that in your cart. How about this cool thing to go with it? You liked that? Here are ...

Catherine Dee

Search and Discovery writer

How AI can help improve your user experience
ux

How AI can help improve your user experience

They say you get one chance to make a great first impression. With visual design on ecommerce web pages, this ...

Jon Silvers

Director, Digital Marketing

Keeping your Algolia search index up to date
product

Keeping your Algolia search index up to date

When creating your initial Algolia index, you may seed the index with an initial set of data. This is convenient ...

Jaden Baptista

Technical Writer

Merchandising in the AI era
e-commerce

Merchandising in the AI era

For merchandisers, every website visit is an opportunity to promote products to potential buyers. In the era of AI, incorporating ...

Tariq Khan

Director of Content Marketing

Debunking the most common AI myths
ai

Debunking the most common AI myths

ARTIFICIAL INTELLIGENCE CAN’T BE TRUSTED, shouts the headline on your social media newsfeed. Is that really true, or is ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

How AI can benefit the retail industry
ai

How AI can benefit the retail industry

Artificial intelligence is on a roll. It’s strengthening healthcare diagnostics, taking on office grunt work, helping banks combat fraud ...

Catherine Dee

Search and Discovery writer

How ecommerce AI is reshaping business
e-commerce

How ecommerce AI is reshaping business

Like other modern phenomena such as social media, artificial intelligence has landed on the ecommerce industry scene with a giant ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

AI-driven smart merchandising: what it is and why your ecommerce store needs it
ai

AI-driven smart merchandising: what it is and why your ecommerce store needs it

Do you dream of having your own personal online shopper? Someone familiar and fun who pops up every time you ...

Catherine Dee

Search and Discovery writer

NRF 2024: A cocktail of inspiration and innovation
e-commerce

NRF 2024: A cocktail of inspiration and innovation

Retail’s big show, NRF 2024, once again brought together a wide spectrum of practitioners focused on innovation and transformation ...

Reshma Iyer

Director of Product Marketing, Ecommerce

How AI-powered personalization is transforming the user and customer experience
ai

How AI-powered personalization is transforming the user and customer experience

In a world of so many overwhelming choices for consumers, how can you best engage with the shoppers who visit ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

Unveiling the future: Algolia’s AI revolution at NRF Retail Big Show
algolia

Unveiling the future: Algolia’s AI revolution at NRF Retail Big Show

Get ready for an exhilarating journey into the future of retail as Algolia takes center stage at the NRF Retail ...

John Stewart

VP Corporate Marketing

How to master personalization with AI
ai

How to master personalization with AI

Picture ecommerce in its early days: businesses were just beginning to discover the power of personalized marketing. They’d divide ...

Ciprian Borodescu

AI Product Manager | On a mission to help people succeed through the use of AI

5 best practices for nailing the ecommerce virtual assistant user experience
ai

5 best practices for nailing the ecommerce virtual assistant user experience

“Hello there, how can I help you today?”, asks the virtual shopping assistant in the lower right-hand corner ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

Add InstantSearch and Autocomplete to your search experience in just 5 minutes
product

Add InstantSearch and Autocomplete to your search experience in just 5 minutes

A good starting point for building a comprehensive search experience is a straightforward app template. When crafting your application’s ...

Imogen Lovera

Senior Product Manager

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

Add InstantSearch and Autocomplete to your search experience in just 5 minutes
product

Imogen Lovera

Senior Product Manager

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