@prezly/theme-kit-nextjs 1.9.1 → 1.10.1

package/build/adapter-nextjs/page-props/story.d.ts

@@ -0,0 +1,3 @@
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+import type { PropsFunction } from './lib/types';
+export declare function getStoryPageServerSideProps<CustomProps extends Record<string, any>>(customProps: CustomProps | PropsFunction<CustomProps>): (context: GetServerSidePropsContext) => Promise<GetServerSidePropsResult<CustomProps>>;

package/build/adapter-nextjs/page-props/story.js

@@ -0,0 +1,107 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStoryPageServerSideProps = void 0;
+var data_fetching_1 = require("../../data-fetching");
+var intl_1 = require("../../intl");
+var getNewsroomServerSideProps_1 = require("../getNewsroomServerSideProps");
+var processRequest_1 = require("../processRequest");
+function getStoryPageServerSideProps(customProps) {
+    return function getServerSideProps(context) {
+        return __awaiter(this, void 0, void 0, function () {
+            var api, slug, story, _a, serverSideProps, locale, _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        api = (0, data_fetching_1.getPrezlyApi)(context.req);
+                        slug = context.params.slug;
+                        if (!slug) return [3 /*break*/, 2];
+                        return [4 /*yield*/, api.getStoryBySlug(slug)];
+                    case 1:
+                        _a = _f.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _a = null;
+                        _f.label = 3;
+                    case 3:
+                        story = _a;
+                        if (!story) {
+                            return [2 /*return*/, { notFound: true }];
+                        }
+                        return [4 /*yield*/, (0, getNewsroomServerSideProps_1.getNewsroomServerSideProps)(context, { story: story })];
+                    case 4:
+                        serverSideProps = (_f.sent()).serverSideProps;
+                        locale = context.locale;
+                        if (locale && locale !== intl_1.DUMMY_DEFAULT_LOCALE) {
+                            return [2 /*return*/, {
+                                    redirect: {
+                                        destination: "/".concat(slug),
+                                        permanent: true,
+                                    },
+                                }];
+                        }
+                        _b = processRequest_1.processRequest;
+                        _c = [context];
+                        _d = [__assign(__assign({}, serverSideProps), { newsroomContextProps: __assign(__assign({}, serverSideProps.newsroomContextProps), { currentStory: story }) })];
+                        if (!(typeof customProps === 'function')) return [3 /*break*/, 6];
+                        return [4 /*yield*/, customProps(context, serverSideProps)];
+                    case 5:
+                        _e = _f.sent();
+                        return [3 /*break*/, 7];
+                    case 6:
+                        _e = customProps;
+                        _f.label = 7;
+                    case 7: return [2 /*return*/, _b.apply(void 0, _c.concat([__assign.apply(void 0, _d.concat([(_e)]))]))];
+                }
+            });
+        });
+    };
+}
+exports.getStoryPageServerSideProps = getStoryPageServerSideProps;
+//# sourceMappingURL=story.js.map

package/build/adapter-nextjs/page-props/story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"story.js","sourceRoot":"","sources":["../../../src/adapter-nextjs/page-props/story.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,qDAAmD;AACnD,mCAAkD;AAClD,4EAA2E;AAC3E,oDAAmD;AAInD,SAAgB,2BAA2B,CACvC,WAAqD;IAErD,OAAO,SAAe,kBAAkB,CACpC,OAAkC;;;;;;wBAE5B,GAAG,GAAG,IAAA,4BAAY,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;wBAE9B,IAAI,GAAK,OAAO,CAAC,MAA2B,KAAxC,CAAyC;6BACvC,IAAI,EAAJ,wBAAI;wBAAG,qBAAM,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA;;wBAA9B,KAAA,SAA8B,CAAA;;;wBAAG,KAAA,IAAI,CAAA;;;wBAApD,KAAK,KAA+C;wBAC1D,IAAI,CAAC,KAAK,EAAE;4BACR,sBAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAC;yBAC7B;wBAE2B,qBAAM,IAAA,uDAA0B,EAAC,OAAO,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,EAAA;;wBAAxE,eAAe,GAAK,CAAA,SAAoD,CAAA,gBAAzD;wBAEf,MAAM,GAAK,OAAO,OAAZ,CAAa;wBAC3B,IAAI,MAAM,IAAI,MAAM,KAAK,2BAAoB,EAAE;4BAC3C,sBAAO;oCACH,QAAQ,EAAE;wCACN,WAAW,EAAE,WAAI,IAAI,CAAE;wCACvB,SAAS,EAAE,IAAI;qCAClB;iCACJ,EAAC;yBACL;wBAEM,KAAA,+BAAc,CAAA;8BAAC,OAAO;oDACtB,eAAe,KAClB,oBAAoB,wBACb,eAAe,CAAC,oBAAoB,KACvC,YAAY,EAAE,KAAK;6BAEnB,CAAA,OAAO,WAAW,KAAK,UAAU,CAAA,EAAjC,wBAAiC;wBAC/B,qBAAO,WAA0C,CAAC,OAAO,EAAE,eAAe,CAAC,EAAA;;wBAA3E,KAAA,SAA2E,CAAA;;;wBAC3E,KAAA,WAAW,CAAA;;4BARrB,sBAAO,8DAMA,IAEe,MACpB,EAAC;;;;KACN,CAAC;AACN,CAAC;AArCD,kEAqCC"}

package/build/adapter-nextjs/page-props/storyPreview.d.ts

@@ -0,0 +1,3 @@
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+import type { PropsFunction } from './lib/types';
+export declare function getStoryPreviewPageServerSideProps<CustomProps extends Record<string, any>>(customProps: CustomProps | PropsFunction<CustomProps>): (context: GetServerSidePropsContext) => Promise<GetServerSidePropsResult<CustomProps>>;

package/build/adapter-nextjs/page-props/storyPreview.js

@@ -0,0 +1,90 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStoryPreviewPageServerSideProps = void 0;
+var data_fetching_1 = require("../../data-fetching");
+var getNewsroomServerSideProps_1 = require("../getNewsroomServerSideProps");
+var processRequest_1 = require("../processRequest");
+function getStoryPreviewPageServerSideProps(customProps) {
+    return function getServerSideProps(context) {
+        return __awaiter(this, void 0, void 0, function () {
+            var api, uuid, story, serverSideProps, _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        api = (0, data_fetching_1.getPrezlyApi)(context.req);
+                        uuid = context.params.uuid;
+                        return [4 /*yield*/, api.getStory(uuid)];
+                    case 1:
+                        story = _e.sent();
+                        if (!story) {
+                            return [2 /*return*/, { notFound: true }];
+                        }
+                        return [4 /*yield*/, (0, getNewsroomServerSideProps_1.getNewsroomServerSideProps)(context, { story: story })];
+                    case 2:
+                        serverSideProps = (_e.sent()).serverSideProps;
+                        _a = processRequest_1.processRequest;
+                        _b = [context];
+                        _c = [__assign(__assign({}, serverSideProps), { newsroomContextProps: __assign(__assign({}, serverSideProps.newsroomContextProps), { currentStory: story }) })];
+                        if (!(typeof customProps === 'function')) return [3 /*break*/, 4];
+                        return [4 /*yield*/, customProps(context, serverSideProps)];
+                    case 3:
+                        _d = _e.sent();
+                        return [3 /*break*/, 5];
+                    case 4:
+                        _d = customProps;
+                        _e.label = 5;
+                    case 5: return [2 /*return*/, _a.apply(void 0, _b.concat([__assign.apply(void 0, _c.concat([(_d)]))]))];
+                }
+            });
+        });
+    };
+}
+exports.getStoryPreviewPageServerSideProps = getStoryPreviewPageServerSideProps;
+//# sourceMappingURL=storyPreview.js.map

package/build/adapter-nextjs/page-props/storyPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyPreview.js","sourceRoot":"","sources":["../../../src/adapter-nextjs/page-props/storyPreview.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,qDAAmD;AACnD,4EAA2E;AAC3E,oDAAmD;AAInD,SAAgB,kCAAkC,CAC9C,WAAqD;IAErD,OAAO,SAAe,kBAAkB,CACpC,OAAkC;;;;;;wBAE5B,GAAG,GAAG,IAAA,4BAAY,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;wBAC9B,IAAI,GAAK,OAAO,CAAC,MAA0B,KAAvC,CAAwC;wBACtC,qBAAM,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA;;wBAAhC,KAAK,GAAG,SAAwB;wBACtC,IAAI,CAAC,KAAK,EAAE;4BACR,sBAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAC;yBAC7B;wBAE2B,qBAAM,IAAA,uDAA0B,EAAC,OAAO,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,EAAA;;wBAAxE,eAAe,GAAK,CAAA,SAAoD,CAAA,gBAAzD;wBAEhB,KAAA,+BAAc,CAAA;8BAAC,OAAO;oDACtB,eAAe,KAClB,oBAAoB,wBACb,eAAe,CAAC,oBAAoB,KACvC,YAAY,EAAE,KAAK;6BAEnB,CAAA,OAAO,WAAW,KAAK,UAAU,CAAA,EAAjC,wBAAiC;wBAC/B,qBAAO,WAA0C,CAAC,OAAO,EAAE,eAAe,CAAC,EAAA;;wBAA3E,KAAA,SAA2E,CAAA;;;wBAC3E,KAAA,WAAW,CAAA;;4BARrB,sBAAO,8DAMA,IAEe,MACpB,EAAC;;;;KACN,CAAC;AACN,CAAC;AA1BD,gFA0BC"}

package/build/data-fetching/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const ASSETS_URL = "https://cdn.uc.assets.prezly.com";
 export declare const DEFAULT_PAGE_SIZE = 12;
+export declare const DEFAULT_GALLERY_PAGE_SIZE = 6;

package/build/data-fetching/constants.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PAGE_SIZE = exports.ASSETS_URL = void 0;
+exports.DEFAULT_GALLERY_PAGE_SIZE = exports.DEFAULT_PAGE_SIZE = exports.ASSETS_URL = void 0;
 exports.ASSETS_URL = 'https://cdn.uc.assets.prezly.com';
 exports.DEFAULT_PAGE_SIZE = 12;
+exports.DEFAULT_GALLERY_PAGE_SIZE = 6;
 //# sourceMappingURL=constants.js.map

package/build/data-fetching/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/data-fetching/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,kCAAkC,CAAC;AAChD,QAAA,iBAAiB,GAAG,EAAE,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/data-fetching/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,kCAAkC,CAAC;AAChD,QAAA,iBAAiB,GAAG,EAAE,CAAC;AACvB,QAAA,yBAAyB,GAAG,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prezly/theme-kit-nextjs",
-  "version": "1.9.1",
+  "version": "1.10.1",
   "description": "Data layer and utility library for developing Prezly themes with NextJS",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -48,7 +48,7 @@
     "react-dom": "^17.x"
   },
   "dependencies": {
-    "@prezly/sdk": "^6.21.0",
+    "@prezly/sdk": "^6.23.0",
     "@react-hookz/web": "^13.2.1",
     "next-seo": "^5.4.0",
     "parse-data-url": "^4.0.1",
@@ -61,11 +61,8 @@
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "eslint": "^8.8.0",
-    "next": "^12.x",
     "np": "^7.6.0",
     "prettier": "^2.5.1",
-    "react": "^17.x",
-    "react-dom": "^17.x",
     "rimraf": "^3.0.2",
     "typescript": "^4.5.5"
   },

package/src/adapter-nextjs/index.ts

@@ -1,2 +1,3 @@
 export * from './getNewsroomServerSideProps';
+export * from './page-props';
 export * from './processRequest';

package/src/adapter-nextjs/page-props/category.ts

@@ -0,0 +1,74 @@
+import type { ExtraStoryFields, Story } from '@prezly/sdk';
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { DEFAULT_PAGE_SIZE } from '../../data-fetching';
+import type { PaginationProps } from '../../infinite-loading/types';
+import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
+import { processRequest } from '../processRequest';
+
+import type { PropsFunction } from './lib/types';
+
+export interface CategoryPageProps<StoryType extends Story = Story> {
+    stories: StoryType[];
+    pagination: PaginationProps;
+}
+
+interface Options {
+    extraStoryFields?: (keyof ExtraStoryFields)[];
+    pageSize?: number;
+}
+
+export function getCategoryPageServerSideProps<
+    CustomProps extends Record<string, any>,
+    StoryType extends Story = Story,
+>(customProps: CustomProps | PropsFunction<CustomProps>, options?: Options) {
+    const { pageSize = DEFAULT_PAGE_SIZE, extraStoryFields } = options || {};
+
+    return async function getServerSideProps(
+        context: GetServerSidePropsContext,
+    ): Promise<GetServerSidePropsResult<CategoryPageProps<StoryType> & CustomProps>> {
+        const { api, serverSideProps } = await getNewsroomServerSideProps(context);
+
+        const { slug } = context.params as { slug: string };
+        const category = await api.getCategoryBySlug(slug);
+
+        if (!category) {
+            return {
+                notFound: true,
+            };
+        }
+
+        const { query } = context;
+        const page = query.page && typeof query.page === 'string' ? Number(query.page) : undefined;
+
+        const { localeCode } = serverSideProps.newsroomContextProps;
+
+        const { stories, storiesTotal } = await api.getStoriesFromCategory(category, {
+            page,
+            include: extraStoryFields,
+            localeCode,
+        });
+
+        return processRequest(
+            context,
+            {
+                ...serverSideProps,
+                newsroomContextProps: {
+                    ...serverSideProps.newsroomContextProps,
+                    currentCategory: category,
+                },
+                // TODO: This is temporary until return types from API are figured out
+                stories: stories as StoryType[],
+                pagination: {
+                    itemsTotal: storiesTotal,
+                    currentPage: page ?? 1,
+                    pageSize,
+                },
+                ...(typeof customProps === 'function'
+                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
+                    : customProps),
+            },
+            `/category/${slug}`,
+        );
+    };
+}

package/src/adapter-nextjs/page-props/gallery.ts

@@ -0,0 +1,64 @@
+import type { NewsroomGallery } from '@prezly/sdk';
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { DEFAULT_GALLERY_PAGE_SIZE } from '../../data-fetching';
+import type { PaginationProps } from '../../infinite-loading/types';
+import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
+import { processRequest } from '../processRequest';
+
+import type { PropsFunction } from './lib/types';
+
+export interface GalleryPageProps {
+    galleries: NewsroomGallery[];
+    pagination: PaginationProps;
+}
+
+interface Options {
+    pageSize?: number;
+}
+
+export function getGalleryPageServerSideProps<CustomProps extends Record<string, any>>(
+    customProps: CustomProps | PropsFunction<CustomProps>,
+    options?: Options,
+) {
+    const { pageSize = DEFAULT_GALLERY_PAGE_SIZE } = options || {};
+
+    return async function getServerSideProps(
+        context: GetServerSidePropsContext,
+    ): Promise<GetServerSidePropsResult<GalleryPageProps & CustomProps>> {
+        const { api, serverSideProps } = await getNewsroomServerSideProps(context);
+        const { query } = context;
+
+        const page = query.page && typeof query.page === 'string' ? Number(query.page) : undefined;
+        const { galleries, pagination } = await api.getGalleries({ page, pageSize });
+
+        // If there's only one gallery, redirect to it immediately
+        if (galleries.length === 1) {
+            const { uuid } = galleries[0];
+
+            return {
+                redirect: {
+                    destination: `/media/album/${uuid}`,
+                    permanent: false,
+                },
+            };
+        }
+
+        return processRequest(
+            context,
+            {
+                ...serverSideProps,
+                galleries,
+                pagination: {
+                    itemsTotal: pagination.matched_records_number,
+                    currentPage: page ?? 1,
+                    pageSize,
+                },
+                ...(typeof customProps === 'function'
+                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
+                    : customProps),
+            },
+            '/media',
+        );
+    };
+}

package/src/adapter-nextjs/page-props/galleryAlbum.ts

@@ -0,0 +1,40 @@
+import type { NewsroomGallery } from '@prezly/sdk';
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
+import { processRequest } from '../processRequest';
+
+import type { PropsFunction } from './lib/types';
+
+export interface GalleryAlbumPageProps {
+    gallery: NewsroomGallery;
+}
+
+export function getGalleryAlbumPageServerSideProps<CustomProps extends Record<string, any>>(
+    customProps: CustomProps | PropsFunction<CustomProps>,
+) {
+    return async function getServerSideProps(
+        context: GetServerSidePropsContext,
+    ): Promise<GetServerSidePropsResult<GalleryAlbumPageProps & CustomProps>> {
+        const { api, serverSideProps } = await getNewsroomServerSideProps(context);
+
+        const { uuid } = context.params as { uuid: string };
+        const gallery = await api.getGallery(uuid);
+
+        if (!gallery || !gallery.images_number) {
+            return { notFound: true };
+        }
+
+        return processRequest(
+            context,
+            {
+                ...serverSideProps,
+                gallery,
+                ...(typeof customProps === 'function'
+                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
+                    : customProps),
+            },
+            `/media/album/${uuid}`,
+        );
+    };
+}

package/src/adapter-nextjs/page-props/home.ts

@@ -0,0 +1,64 @@
+import type { ExtraStoryFields, Story } from '@prezly/sdk';
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { DEFAULT_PAGE_SIZE } from '../../data-fetching';
+import type { PaginationProps } from '../../infinite-loading/types';
+import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
+import { processRequest } from '../processRequest';
+
+import type { PropsFunction } from './lib/types';
+
+export interface HomePageProps<StoryType extends Story = Story> {
+    stories: StoryType[];
+    pagination: PaginationProps;
+}
+
+interface Options {
+    extraStoryFields?: (keyof ExtraStoryFields)[];
+    pageSize?: number;
+}
+
+export function getHomepageServerSideProps<
+    CustomProps extends Record<string, any>,
+    StoryType extends Story = Story,
+>(customProps: CustomProps | PropsFunction<CustomProps>, options?: Options) {
+    const { pageSize = DEFAULT_PAGE_SIZE, extraStoryFields } = options || {};
+
+    return async function getServerSideProps(
+        context: GetServerSidePropsContext,
+    ): Promise<GetServerSidePropsResult<HomePageProps<StoryType> & CustomProps>> {
+        const { api, serverSideProps } = await getNewsroomServerSideProps(context, {
+            loadHomepageContacts: true,
+        });
+
+        const { query } = context;
+        const page = query.page && typeof query.page === 'string' ? Number(query.page) : undefined;
+
+        const { localeCode } = serverSideProps.newsroomContextProps;
+
+        const storiesPaginated = await api.getStories({
+            page,
+            include: extraStoryFields,
+            localeCode,
+        });
+        const { stories, storiesTotal } = storiesPaginated;
+
+        return processRequest(
+            context,
+            {
+                ...serverSideProps,
+                // TODO: This is temporary until return types from API are figured out
+                stories: stories as StoryType[],
+                pagination: {
+                    itemsTotal: storiesTotal,
+                    currentPage: page ?? 1,
+                    pageSize,
+                },
+                ...(typeof customProps === 'function'
+                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
+                    : customProps),
+            },
+            '/',
+        );
+    };
+}

package/src/adapter-nextjs/page-props/index.ts

@@ -0,0 +1,7 @@
+export { getCategoryPageServerSideProps, type CategoryPageProps } from './category';
+export { getGalleryPageServerSideProps, type GalleryPageProps } from './gallery';
+export { getGalleryAlbumPageServerSideProps, type GalleryAlbumPageProps } from './galleryAlbum';
+export { getHomepageServerSideProps, type HomePageProps } from './home';
+export { getSearchPageServerSideProps } from './search';
+export { getStoryPageServerSideProps } from './story';
+export { getStoryPreviewPageServerSideProps } from './storyPreview';

package/src/adapter-nextjs/page-props/lib/types.ts

@@ -0,0 +1,8 @@
+import type { GetServerSidePropsContext } from 'next';
+
+import type { PageProps } from '../../../types';
+
+export type PropsFunction<CustomProps> = (
+    context: GetServerSidePropsContext,
+    props: PageProps,
+) => CustomProps | Promise<CustomProps>;

package/src/adapter-nextjs/page-props/search.ts

@@ -0,0 +1,27 @@
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
+import { processRequest } from '../processRequest';
+
+import type { PropsFunction } from './lib/types';
+
+export function getSearchPageServerSideProps<CustomProps extends Record<string, any>>(
+    customProps: CustomProps | PropsFunction<CustomProps>,
+) {
+    return async function getServerSideProps(
+        context: GetServerSidePropsContext,
+    ): Promise<GetServerSidePropsResult<CustomProps>> {
+        const { serverSideProps } = await getNewsroomServerSideProps(context);
+
+        return processRequest(
+            context,
+            {
+                ...serverSideProps,
+                ...(typeof customProps === 'function'
+                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
+                    : customProps),
+            },
+            '/search',
+        );
+    };
+}

package/src/adapter-nextjs/page-props/story.ts

@@ -0,0 +1,47 @@
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { getPrezlyApi } from '../../data-fetching';
+import { DUMMY_DEFAULT_LOCALE } from '../../intl';
+import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
+import { processRequest } from '../processRequest';
+
+import type { PropsFunction } from './lib/types';
+
+export function getStoryPageServerSideProps<CustomProps extends Record<string, any>>(
+    customProps: CustomProps | PropsFunction<CustomProps>,
+) {
+    return async function getServerSideProps(
+        context: GetServerSidePropsContext,
+    ): Promise<GetServerSidePropsResult<CustomProps>> {
+        const api = getPrezlyApi(context.req);
+
+        const { slug } = context.params as { slug?: string };
+        const story = slug ? await api.getStoryBySlug(slug) : null;
+        if (!story) {
+            return { notFound: true };
+        }
+
+        const { serverSideProps } = await getNewsroomServerSideProps(context, { story });
+
+        const { locale } = context;
+        if (locale && locale !== DUMMY_DEFAULT_LOCALE) {
+            return {
+                redirect: {
+                    destination: `/${slug}`,
+                    permanent: true,
+                },
+            };
+        }
+
+        return processRequest(context, {
+            ...serverSideProps,
+            newsroomContextProps: {
+                ...serverSideProps.newsroomContextProps,
+                currentStory: story,
+            },
+            ...(typeof customProps === 'function'
+                ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
+                : customProps),
+        });
+    };
+}

package/src/adapter-nextjs/page-props/storyPreview.ts

@@ -0,0 +1,35 @@
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
+
+import { getPrezlyApi } from '../../data-fetching';
+import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
+import { processRequest } from '../processRequest';
+
+import type { PropsFunction } from './lib/types';
+
+export function getStoryPreviewPageServerSideProps<CustomProps extends Record<string, any>>(
+    customProps: CustomProps | PropsFunction<CustomProps>,
+) {
+    return async function getServerSideProps(
+        context: GetServerSidePropsContext,
+    ): Promise<GetServerSidePropsResult<CustomProps>> {
+        const api = getPrezlyApi(context.req);
+        const { uuid } = context.params as { uuid: string };
+        const story = await api.getStory(uuid);
+        if (!story) {
+            return { notFound: true };
+        }
+
+        const { serverSideProps } = await getNewsroomServerSideProps(context, { story });
+
+        return processRequest(context, {
+            ...serverSideProps,
+            newsroomContextProps: {
+                ...serverSideProps.newsroomContextProps,
+                currentStory: story,
+            },
+            ...(typeof customProps === 'function'
+                ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
+                : customProps),
+        });
+    };
+}

package/src/data-fetching/constants.ts

@@ -1,2 +1,3 @@
 export const ASSETS_URL = 'https://cdn.uc.assets.prezly.com';
 export const DEFAULT_PAGE_SIZE = 12;
+export const DEFAULT_GALLERY_PAGE_SIZE = 6;