@algolia/algoliasearch-netlify-frontend
Advanced tools
`algoliasearch-netlify` is the front-end bundle we recommend to use with our Netlify plugin. It's designed to be compatible with the index structure extracted by the [plugin](../plugin).
algoliasearch-netlify is the front-end bundle we recommend to use with our Netlify plugin.
It's designed to be compatible with the index structure extracted by the plugin.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify@0/dist/algoliasearchNetlify.css" />
<script type="text/javascript" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify@0/dist/algoliasearchNetlify.js"></script>
<script type="text/javascript">
algoliasearchNetlify({
appId: '<YOUR_ALGOLIA_APP_ID>',
apiKey: '<YOUR_ALGOLIA_API_KEY>',
indexName: 'netlify_<YOUR_NETLIFY_SITE_ID>_<YOUR_BRANCH>',
});
</script>
yarn dev: run dev environmentyarn release: build & publish the libraryHere's the full list of options with their default value.
algoliasearchNetlify({
// Mandatory
appId: '<YOUR_ALGOLIA_APP_ID>', // Application ID (Can be found in https://www.algolia.com/api-keys)
apiKey: '<YOUR_ALGOLIA_API_KEY>', // Search api key (Can be found in https://www.algolia.com/api-keys)
indexName: 'netlify_<YOUR_NETLIFY_SITE_ID>_<YOUR_BRANCH>', // Index name (Can be found in https://www.algolia.com/indexes)
// Optional
analytics: true, // Enable search analytics
autocomplete: {
hitsPerPage: 5, // Amount of results to display
inputSelector: 'input[type=search]', // CSS selector of your search input(s)
},
color: '#3c4fe0', // Main color
debug: false, // Debug mode (keeps the autocomplete open)
poweredBy: true, // Controls displaying the logo (mandatory with our FREE plan)
});
yarn dev
This runs a webpack-dev-server on port 9100.
Meant to be used in conjunction with the test website.
FAQs
`algoliasearch-netlify-frontend` is the front-end bundle we recommend to use with our Netlify plugin.
The npm package @algolia/algoliasearch-netlify-frontend receives a total of 131 weekly downloads. As such, @algolia/algoliasearch-netlify-frontend popularity was classified as not popular.
We found that @algolia/algoliasearch-netlify-frontend demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 66 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.