rsnext/examples/with-algolia-react-instantsearch
TodorTotev 8618ab85ad
More redundant imports @ examples (#13190)
Again, related to [12964](https://github.com/zeit/next.js/issues/12964)

After checking all the other examples and the ongoing pull requests, I believe that with this PR being merged, all the examples should be free of redundant react imports.
Let me know if you want me to edit anything that you don't like.

Regards

with-typescript
with-atstroturf
with-atlaskit
with-styletron
with-styled-components-rtl
with-stylesheet
with-stomp
with-stitches-styled
with-stitches
with-slate
with-sentry-simple
with-sentry
with-segment-analytics
with-rematch
with-relay-modern
with-reflux
with-redux-wrapper
with-react-relay-network
with-react-native
with-react-multi-carousel
with-react-jss
with-react-helmet
with-react-ga
with-quill-js
with-prefetching
with-google-analytics-amp
with-google-analytics
with-framer-motion
with-flow
with-firebase-hosting
with-firebase-cloud-messaging
with-firebase-authentication
with-expo
with-dynamic-app-layout
with-draft-js
with-cxs
with-cerebral
with-ant-design-mobile
with-algolia-react-instantsearch
using-preact
progressive-render
2020-05-22 15:33:04 +00:00
..
components Update Examples for Fast Refresh (#13068) 2020-05-18 17:44:18 -04:00
pages More redundant imports @ examples (#13190) 2020-05-22 15:33:04 +00:00
public Updated multiple examples to use /public (#9033) 2019-10-11 11:50:06 +02:00
.gitignore docs: add algolia-react-instantsearch example (#2544) 2017-07-12 20:00:47 +02:00
next.config.js Upgrade to Prettier 2 (#13061) 2020-05-18 15:24:37 -04:00
package.json Enhancement: Upgrade css-loader version to 1.0.0 (#9629) 2019-12-04 18:33:29 -05:00
README.md Rename ZEIT to Vercel (#12075) 2020-04-21 11:47:12 +02:00

With Algolia React InstantSearch example

The goal of this example is to illustrate how you can use Algolia React InstantSearch to perform your search with a Server-rendered application developed with Next.js. It also illustrates how you can keep in sync the Url with the search.

How to use

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
# or
yarn create next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-algolia-react-instantsearch
cd with-algolia-react-instantsearch

Set up Algolia:

  • create an algolia account or use this already configured index
  • update the appId, apikey and indexName you want to search on in components/app.js

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).