{"id":79809,"date":"2024-10-11T19:36:23","date_gmt":"2024-10-11T16:06:23","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/creating-a-nextjs-api-to-convert-html-to-pdf-with-puppeteer-vercel-compatible-16fc\/"},"modified":"2024-10-11T19:36:23","modified_gmt":"2024-10-11T16:06:23","slug":"creating-a-nextjs-api-to-convert-html-to-pdf-with-puppeteer-vercel-compatible-16fc","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/creating-a-nextjs-api-to-convert-html-to-pdf-with-puppeteer-vercel-compatible-16fc\/","title":{"rendered":"\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 API Next.js \u0628\u0631\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644 HTML \u0628\u0647 PDF \u0628\u0627 Puppeteer (\u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 Vercel)"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u062a\u0628\u062f\u06cc\u0644 HTML \u0628\u0647 PDF \u06cc\u06a9 \u0646\u06cc\u0627\u0632 \u0631\u0627\u06cc\u062c \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648\u0628 \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af\u060c \u0646\u062d\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0645\u0633\u06cc\u0631 API Next.js \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u06a9\u0647 HTML \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Puppeteer \u0628\u0647 PDF \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0648 \u0645\u0637\u0645\u0626\u0646 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u06a9\u0647 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u062f\u0631 Vercel \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\u0686\u0627\u0644\u0634<\/p>\n

\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 Puppeteer \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644 HTML \u0628\u0647 PDF \u0627\u0633\u062a\u060c \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u062f\u0631 \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 \u0645\u0627\u0646\u0646\u062f Vercel \u0628\u0627 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc\u06cc \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0645\u0633\u0627\u0626\u0644 \u0627\u0635\u0644\u06cc \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n

Puppeteer \u0628\u0647 \u06cc\u06a9 \u0628\u0627\u06cc\u0646\u0631\u06cc Chromium \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647 Vercel \u0628\u06cc\u0634\u062a\u0631 \u0627\u0633\u062a.
\n\u062a\u0648\u0627\u0628\u0639 \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 \u0632\u0645\u0627\u0646 \u0648 \u0645\u0646\u0627\u0628\u0639 \u0645\u062d\u062f\u0648\u062f\u06cc \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627 \u062f\u0627\u0631\u0646\u062f.<\/p>\n

\u0631\u0627\u0647 \u062d\u0644<\/p>\n

\u0645\u0627 \u0627\u0632 \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 @sparticuz\/chromium-min \u0648 puppeteer-core \u0628\u0631\u0627\u06cc \u063a\u0644\u0628\u0647 \u0628\u0631 \u0627\u06cc\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0628\u0631\u062e\u0648\u0631\u062f \u0645\u0627 \u0628\u0627 \u0622\u0646 \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n

\u0627\u0632 \u06cc\u06a9 \u0633\u0627\u062e\u062a \u062d\u062f\u0627\u0642\u0644 \u06a9\u0631\u0648\u0645\u06cc\u0648\u0645 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0645\u062d\u06cc\u0637 \u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.
\nPuppeteer \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062d\u062f\u0627\u0642\u0644 \u0646\u0633\u062e\u0647 Chromium \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f.
\n\u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f PDF \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 \u0628\u0647\u06cc\u0646\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0645\u0631\u062d\u0644\u0647 1: \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0631\u0648\u0698\u0647<\/p>\n

\u0627\u0628\u062a\u062f\u0627 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 Next.js \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0627\u0632 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0645\u0648\u062c\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0633\u067e\u0633\u060c \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f:<\/p>\n

npm install @sparticuz\/chromium-min puppeteer-core<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0647\u06cc\u0646\u0647\u060c \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0635\u062d\u06cc\u062d \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0622\u062e\u0631\u06cc\u0646 \u0622\u0632\u0645\u0627\u06cc\u0634\u060c \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0632\u06cc\u0631 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f:<\/p>\n

{
\n “dependencies”: {
\n “@sparticuz\/chromium-min”: “^129.0.0”,
\n “puppeteer-core”: “^23.5.0”
\n }
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0645\u0631\u062d\u0644\u0647 2: \u0627\u06cc\u062c\u0627\u062f \u0645\u0633\u06cc\u0631 API<\/p>\n

\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062c\u062f\u06cc\u062f \u062f\u0631 app\/api\/html-to-pdf\/route.js (\u0628\u0631\u0627\u06cc \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 Next.js 13+) \u06cc\u0627 pages\/api\/html-to-pdf.js (\u0628\u0631\u0627\u06cc \u0631\u0648\u062a\u0631 Pages). \u0627\u06cc\u0646 \u0647\u0645 \u06a9\u062f:<\/p>\n

const chromium = require(“@sparticuz\/chromium-min”);
\nconst puppeteer = require(“puppeteer-core”);<\/p>\n

async function getBrowser() {
\n return puppeteer.launch({
\n args: […chromium.args, “–hide-scrollbars”, “–disable-web-security”],
\n defaultViewport: chromium.defaultViewport,
\n executablePath: await chromium.executablePath(
\n `https:\/\/github.com\/Sparticuz\/chromium\/releases\/download\/v129.0.0\/chromium-v129.0.0-pack.tar`
\n ),
\n headless: chromium.headless,
\n ignoreHTTPSErrors: true
\n });
\n}<\/p>\n

export async function POST(request) {
\n try {
\n const { html } = await request.json();<\/p>\n

const browser = await getBrowser();
\n const page = await browser.newPage();
\n await page.setContent(html, { waitUntil: “networkidle0” });
\n const pdfBuffer = await page.pdf({
\n format: “A4”,
\n printBackground: true,
\n margin: { top: “1cm”, right: “1cm”, bottom: “1cm”, left: “1cm” }
\n });
\n await browser.close();<\/p>\n

return new Response(pdfBuffer, {
\n headers: {
\n “Content-Type”: “application\/pdf”,
\n “Content-Disposition”: ‘attachment; filename=”output.pdf”‘
\n }
\n });
\n } catch (error) {
\n console.error(“Error generating PDF:”, error);
\n return new Response(JSON.stringify({ error: “Failed to generate PDF” }), {
\n status: 500,
\n headers: { “Content-Type”: “application\/json” }
\n });
\n }
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0645\u0631\u062d\u0644\u0647 3: \u062f\u0631\u06a9 \u06a9\u062f<\/p>\n

\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u062e\u0634 \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u0645:<\/p>\n

\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0645\u0631\u0648\u0631\u06af\u0631<\/p>\n

\u0631\u0627 getBrowser \u062a\u0627\u0628\u0639 Puppeteer \u0631\u0627 \u0628\u0627 \u062d\u062f\u0627\u0642\u0644 \u0628\u0627\u06cc\u0646\u0631\u06cc Chromium \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n

async function getBrowser() {
\n return puppeteer.launch({
\n args: […chromium.args, “–hide-scrollbars”, “–disable-web-security”],
\n defaultViewport: chromium.defaultViewport,
\n executablePath: await chromium.executablePath(
\n `https:\/\/github.com\/Sparticuz\/chromium\/releases\/download\/v129.0.0\/chromium-v129.0.0-pack.tar`
\n ),
\n headless: chromium.headless,
\n ignoreHTTPSErrors: true
\n });
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0627\u0632 @sparticuz\/chromium-min \u0628\u0633\u062a\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u062d\u062f\u0627\u0642\u0644 \u06a9\u0631\u0648\u0645 \u0628\u0627\u06cc\u0646\u0631\u06cc \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0645\u062d\u06cc\u0637 \u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631.<\/p>\n

\u0646\u0633\u0644 PDF<\/p>\n

\u0645\u0646\u0637\u0642 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f PDF \u062f\u0631 POST \u062a\u0627\u0628\u0639:<\/p>\n

HTML \u0631\u0627 \u0627\u0632 \u0628\u062f\u0646\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u06a9\u0646\u06cc\u062f.
\n\u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 getBrowser \u062a\u0627\u0628\u0639
\n\u06cc\u06a9 \u0635\u0641\u062d\u0647 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u0631\u0627 \u0628\u0647 HTML \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f.
\n\u06cc\u06a9 \u067e\u06cc \u062f\u06cc \u0627\u0641 \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u06cc\u062f.
\n\u0628\u0631\u0627\u06cc \u0622\u0632\u0627\u062f \u06a9\u0631\u062f\u0646 \u0645\u0646\u0627\u0628\u0639\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0627 \u0628\u0628\u0646\u062f\u06cc\u062f.
\nPDF \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u067e\u0627\u0633\u062e \u0628\u0627 \u0647\u062f\u0631\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u06af\u0631\u062f\u0627\u0646\u06cc\u062f.<\/p>\n

\u0645\u0631\u062d\u0644\u0647 4: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 API<\/p>\n

\u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 API\u060c \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a POST \u0628\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc HTML \u062f\u0631 \u0628\u062f\u0646\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n

const response = await fetch(‘\/api\/html-to-pdf’, {
\n method: ‘POST’,
\n headers: {
\n ‘Content-Type’: ‘application\/json’,
\n },
\n body: JSON.stringify({ html: ” }),
\n});<\/p>\n

if (response.ok) {
\n const blob = await response.blob();
\n \/\/ Handle the PDF blob (e.g., download or display)
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/p>\n

\u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u062f\u0631 Vercel\u060c \u0627\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f:<\/p>\n

\u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627: Vercel \u062d\u062f\u0627\u06a9\u062b\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627\u06cc 10 \u062b\u0627\u0646\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0637\u0631\u062d \u0647\u0627\u06cc \u0633\u0631\u06af\u0631\u0645\u06cc \u0648 60 \u062b\u0627\u0646\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0637\u0631\u062d \u0647\u0627\u06cc \u062d\u0631\u0641\u0647 \u0627\u06cc \u062f\u0627\u0631\u062f. \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0648\u0644\u06cc\u062f HTML \u0648 PDF \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u06cc\u0646\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f.
\n\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062d\u0627\u0641\u0638\u0647: \u0645\u0631\u0627\u0642\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062d\u0627\u0641\u0638\u0647 \u0628\u0627\u0634\u06cc\u062f. \u062d\u062f\u0627\u0642\u0644 \u0628\u0627\u06cc\u0646\u0631\u06cc Chromium \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f\u060c \u0627\u0645\u0627 PDF \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0647\u0645\u0686\u0646\u0627\u0646 \u0627\u0632 \u062d\u0627\u0641\u0638\u0647 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f.
\n\u0634\u0631\u0648\u0639 \u0633\u0631\u062f: \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0634\u0631\u0648\u0639 \u0633\u0631\u062f \u0631\u0627 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0646\u0646\u062f. \u0627\u0648\u0644\u06cc\u0646 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u06a9\u0646\u062f\u062a\u0631 \u0628\u0627\u0634\u062f \u0632\u06cc\u0631\u0627 \u0628\u0627\u06cc\u062f \u0628\u0627\u06cc\u0646\u0631\u06cc Chromium \u0631\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u062f.
\n\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627: \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0648\u0642\u0641\u0647 \u0647\u0627 \u06cc\u0627 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627\u06cc \u0645\u0646\u0627\u0628\u0639\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627\u0647\u0627\u06cc \u0642\u0648\u06cc \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.
\n\u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc: \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0631\u0648\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 \u062e\u0648\u062f\u060c \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0634 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc PDF \u06a9\u0647 \u0627\u063a\u0644\u0628 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/p>\n

\u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Next.js \u0648 Puppeteer \u06cc\u06a9 API \u062a\u0628\u062f\u06cc\u0644 HTML \u0628\u0647 PDF \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0627 \u0645\u062d\u06cc\u0637 \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 Vercel \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a. \u0628\u0627 \u0627\u0639\u0645\u0627\u0644 \u0627\u0647\u0631\u0645 @sparticuz\/chromium-min \u0648 puppeteer-core\u060c \u0645\u0627 \u0628\u0631 \u0686\u0627\u0644\u0634 \u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0627\u062c\u0631\u0627\u06cc Puppeteer \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0628\u062f\u0648\u0646 \u0633\u0631\u0648\u0631 \u063a\u0644\u0628\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n

\n

\u062a\u0628\u062f\u06cc\u0644 HTML \u0628\u0647 PDF \u06cc\u06a9 \u0646\u06cc\u0627\u0632 \u0631\u0627\u06cc\u062c \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648\u0628 \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af\u060c \u0646\u062d\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0645\u0633\u06cc\u0631 API Next.js \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u06a9\u0647 HTML \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Puppeteer \u0628\u0647 PDF \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0648 \u0645\u0637\u0645\u0626\u0646 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u06a9\u0647 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u062f\u0631 Vercel \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n