add search to blog posts

tuan231195 · Aug 12, 2020 · 88adc75 · 88adc75
1 parent da380cb
commit 88adc75
Show file tree

Hide file tree

Showing 16 changed files with 1,309 additions and 192 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -1,4 +1,6 @@
+require('dotenv').config();
 const { createProxyMiddleware } = require('http-proxy-middleware');
+const { queries } = require('./src/utils/algolia');
 
 module.exports = {
 	siteMetadata: {
@@ -114,8 +116,15 @@ module.exports = {
 				icon: `src/images/favicon.ico`,
 			},
 		},
-		// this (optional) plugin enables Progressive Web App + Offline functionality
-		// To learn more, visit: https://gatsby.dev/offline
 		`gatsby-plugin-offline`,
+		{
+			resolve: `gatsby-plugin-algolia`,
+			options: {
+				appId: process.env.GATSBY_ALGOLIA_APP_ID,
+				apiKey: process.env.ALGOLIA_ADMIN_KEY,
+				queries,
+				chunkSize: 10000, // default: 1000
+			},
+		},
 	],
 };
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -1,10 +1,11 @@
+require('dotenv').config();
 const path = require('path');
 const { merge } = require('webpack-merge');
 const { fmImagesToRelative } = require('gatsby-remark-relative-images');
 
 const postsPerPage = 6;
 
-exports.onCreateWebpackConfig = ({ actions, getConfig }) => {
+exports.onCreateWebpackConfig = ({ actions, getConfig, plugins }) => {
 	let config = getConfig();
 	config.module.rules = config.module.rules.map((item) => {
 		const { test } = item;
@@ -27,6 +28,19 @@ exports.onCreateWebpackConfig = ({ actions, getConfig }) => {
 					'~': path.resolve(__dirname, 'src'),
 				},
 			},
+			plugins: [
+				plugins.define(
+					[
+						'GATSBY_ALGOLIA_SEARCH_KEY',
+						'GATSBY_ALGOLIA_APP_ID',
+						'ALGOLIA_INDEX_NAME',
+					].reduce((agg, current) => ({
+						...agg,
+						[`process.env.${current}`]: JSON.stringify(process.env[current]),
+					})),
+					{}
+				),
+			],
 			module: {
 				rules: [
 					{