{"id":370576,"date":"2025-09-28T13:09:45","date_gmt":"2025-09-28T11:09:45","guid":{"rendered":"https:\/\/ypsilon.dev\/ar\/blog\/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%a7%d9%84%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%ac%d9%85%d9%8a%d8%b9-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%81%d9%8a-%d8%aa%d8%b7%d8%a8\/"},"modified":"2025-09-28T13:09:45","modified_gmt":"2025-09-28T11:09:45","slug":"%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%a7%d9%84%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%ac%d9%85%d9%8a%d8%b9-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%81%d9%8a-%d8%aa%d8%b7%d8%a8","status":"publish","type":"post","link":"https:\/\/ypsilon.dev\/ar\/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%a7%d9%84%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%ac%d9%85%d9%8a%d8%b9-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%81%d9%8a-%d8%aa%d8%b7%d8%a8\/","title":{"rendered":"\u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0643 Catching all errors in your app \u0641\u064a Next.js"},"content":{"rendered":"<h2>\u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0643 Catching all errors in your app \u0641\u064a Next.js<\/h2>\n<p>\u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u062a\u0639\u062a\u0628\u0631 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062f \u0646\u062c\u0627\u062d \u0627\u0644\u062a\u0637\u0628\u064a\u0642. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644\u060c \u0633\u0646\u062a\u0646\u0627\u0648\u0644 \u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u0637\u0628\u064a\u0642 Next.js \u0628\u0637\u0631\u064a\u0642\u0629 \u0641\u0639\u0627\u0644\u0629 \u062a\u0633\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629. \u062a\u0643\u0645\u0646 \u0623\u0647\u0645\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u062d\u0633\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0645\u0633\u0627\u0639\u062f\u062a\u0647 \u0641\u064a \u0641\u0647\u0645 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0648\u0627\u062c\u0647\u0647 \u0623\u062b\u0646\u0627\u0621 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0637\u0628\u064a\u0642.<\/p>\n<h3>\u0623\u0647\u0645\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/h3>\n<p>\u062a\u0639\u062a\u0628\u0631 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u062c\u0632\u0621\u0627\u064b \u0644\u0627 \u064a\u062a\u062c\u0632\u0623 \u0645\u0646 \u0627\u0644\u0628\u0631\u0645\u062c\u0629\u060c \u0648\u0642\u062f \u062a\u062d\u062f\u062b \u0644\u0623\u0633\u0628\u0627\u0628 \u0645\u062a\u0639\u062f\u062f\u0629 \u0645\u062b\u0644 \u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u0627\u0644\u0643\u062a\u0627\u0628\u0629\u060c \u0623\u0648 \u0645\u0634\u0643\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u062e\u0627\u062f\u0645\u060c \u0623\u0648 \u0628\u064a\u0627\u0646\u0627\u062a \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\u0629. \u0648\u0645\u0646 \u0647\u0646\u0627\u060c \u0641\u0625\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u064a\u0628\u0642\u064a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u0648\u064a\u0648\u0641\u0631 \u0644\u0647\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644. \u062a\u0633\u0627\u0639\u062f \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0623\u064a\u0636\u0627\u064b \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u062d\u0648\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629.<\/p>\n<h4>\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0633\u0644\u0628\u064a \u0644\u0644\u0623\u062e\u0637\u0627\u0621 \u063a\u064a\u0631 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629<\/h4>\n<p>\u0625\u0630\u0627 \u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0628\u0634\u0643\u0644 \u062c\u064a\u062f\u060c \u0641\u0633\u064a\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0644\u062a\u062c\u0631\u0628\u0629 \u063a\u064a\u0631 \u0645\u0631\u0636\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0641\u0642\u062f\u0627\u0646\u0647\u0645 \u0627\u0644\u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0637\u0628\u064a\u0642. \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062a\u0636\u062d \u0647\u0630\u0647 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0644\u0628\u064a\u0629 \u0639\u0646\u062f\u0645\u0627 \u064a\u0638\u0647\u0631 \u062e\u0637\u0623 \u063a\u0627\u0645\u0636 \u062f\u0648\u0646 \u0634\u0631\u062d\u060c \u0645\u0645\u0627 \u064a\u0633\u0628\u0628 \u0627\u0631\u062a\u0628\u0627\u0643 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/p>\n<h3>\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a Next.js<\/h3>\n<p>\u062a\u0648\u0641\u0631 Next.js \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0647\u0645 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621. \u0648\u0645\u0646 \u0628\u064a\u0646 \u0647\u0630\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0647\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 **Error Boundaries** \u0648 **API Error Handling**\u060c \u0648\u0627\u0644\u062a\u064a \u0633\u0648\u0641 \u0646\u062a\u0646\u0627\u0648\u0644\u0647\u0627 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0641\u064a \u0627\u0644\u0641\u0642\u0631\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629.<\/p>\n<h4>Error Boundaries<\/h4>\n<p>\u064a\u0639\u062a\u0628\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 **Error Boundaries** \u0637\u0631\u064a\u0642\u0629 \u0641\u0639\u0627\u0644\u0629 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a React\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0623\u064a\u0636\u0627\u064b \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0627\u062a Next.js. \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 **Error Boundary** \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0622\u062b\u0627\u0631 \u0627\u0644\u0633\u0644\u0628\u064a\u0629 \u0644\u0644\u0623\u062e\u0637\u0627\u0621 \u0628\u062a\u062d\u062f\u064a\u062f \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0645\u0646 \u0627\u0644\u0648\u0627\u062c\u0647\u0629. \u0644\u062a\u0637\u0628\u064a\u0642 \u0630\u0644\u0643\u060c \u062a\u062d\u062a\u0627\u062c \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u0643\u0648\u0646 \u062c\u062f\u064a\u062f \u064a\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621.<\/p>\n<p>\u0645\u062b\u0644\u0627\u064b\u060c \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u0645\u0643\u0648\u0646 <strong>ErrorBoundary<\/strong> \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0643\u0645\u0627 \u064a\u0644\u064a:<\/p>\n<pre><code>import React from \"react\";\n\nclass ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    console.log(\"\u062e\u0637\u0623 \u062d\u062f\u062b:\", error, errorInfo);\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return &lt;h1&gt;\u062d\u062f\u062b \u062e\u0637\u0623 \u0645\u0627.&lt;\/h1&gt;;\n    }\n\n    return this.props.children; \n  }\n}<\/code><\/pre>\n<p>\u062b\u0645 \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0627 \u0627\u0644\u0645\u0643\u0648\u0646 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0643 \u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u064a \u062a\u0631\u063a\u0628 \u0641\u064a \u0645\u0631\u0627\u0642\u0628\u062a\u0647\u0627.<\/p>\n<h4>\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0623\u062e\u0637\u0627\u0621 API<\/h4>\n<p>\u0645\u0646 \u0627\u0644\u0645\u0647\u0645 \u0623\u064a\u0636\u0627\u064b \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u062d\u062f\u062b \u0639\u0646\u062f \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u0640 API. \u0639\u0646\u062f \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 Next.js\u060c \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062f\u0627\u0644\u0629 <strong>getServerSideProps<\/strong> \u0623\u0648 <strong>getStaticProps<\/strong> \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0648\u0647\u0646\u0627 \u064a\u062c\u0628 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u062c\u0644\u0628 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.<\/p>\n<p>\u0625\u0644\u064a\u0643 \u0645\u062b\u0627\u0644 \u062d\u0648\u0644 \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 <strong>try-catch<\/strong> \u0639\u0646\u062f \u062c\u0644\u0628 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a:<\/p>\n<pre><code>export async function getServerSideProps() {\n  try {\n    const res = await fetch(\"http:\/\/api.example.com\/data\");\n    if (!res.ok) {\n      throw new Error(\"\u0634\u0628\u0643\u0629 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\u0629\");\n    }\n    const data = await res.json();\n    return { props: { data } };\n  } catch (error) {\n    console.error(\"\u062e\u0637\u0623 \u0641\u064a \u062c\u0644\u0628 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a:\", error);\n    return { props: { error: error.message } };\n  }\n}<\/code><\/pre>\n<p>\u0628\u0647\u0630\u0627 \u0627\u0644\u0634\u0643\u0644\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0643\u0648\u0646 \u0623\u0646 \u064a\u062a\u0644\u0642\u0649 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u0645\u0639\u0627\u0644\u062c\u062a\u0647\u0627 \u0628\u0634\u0643\u0644 \u0645\u0646\u0627\u0633\u0628\u060c \u0645\u062b\u0644 \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u062e\u0637\u0623 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645.<\/p>\n<h3>\u062a\u0642\u062f\u064a\u0645 \u062a\u062d\u0630\u064a\u0631\u0627\u062a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646<\/h3>\n<p>\u0645\u0646 \u0627\u0644\u0645\u0647\u0645 \u062a\u0642\u062f\u064a\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062f\u062b \u0627\u0644\u0623\u062e\u0637\u0627\u0621. \u0644\u0630\u0644\u0643\u060c \u064a\u064f\u0646\u0635\u062d \u0628\u0625\u0646\u0634\u0627\u0621 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u062c\u0630\u0627\u0628\u0629 \u0644\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0623\u062e\u0637\u0627\u0621. \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0623\u062e\u0637\u0627\u0621 API \u0648\u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0644\u0625\u0638\u0647\u0627\u0631 \u0631\u0633\u0627\u0644\u0629 \u0645\u062e\u0635\u0635\u0629 \u062a\u0648\u0636\u062d \u0627\u0644\u062e\u0637\u0623 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645.<\/p>\n<h4>\u062a\u0646\u0638\u064a\u0631 \u0627\u0644\u0623\u062e\u0637\u0627\u0621<\/h4>\n<p>\u062a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u064a\u0629 \u062a\u0646\u0642\u064a\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 (Debugging) \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644. \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0645\u062b\u0644 <strong>React Developer Tools<\/strong> \u0648 <strong>Redux DevTools<\/strong> \u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639\u0647\u0627 \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639.<\/p>\n<h3>\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644<\/h3>\n<p>\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0646\u062f \u062d\u062f\u0648\u062b \u062e\u0637\u0623 \u0633\u0647\u0644\u0629 \u0648\u0648\u062f\u064a\u0629. \u064a\u0645\u0643\u0646\u0643 \u062a\u062d\u0633\u064a\u0646 \u0647\u0630\u0647 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0625\u0636\u0627\u0641\u0629 \u0639\u0646\u0627\u0635\u0631 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u062e\u0637\u0648\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\u060c \u0645\u062b\u0644 \u0645\u062d\u0627\u0648\u0644\u0629 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0623\u0648 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a. \u0645\u0646 \u0627\u0644\u0645\u0647\u0645 \u0623\u0646 \u064a\u0639\u0631\u0641 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0627 \u064a\u0645\u0643\u0646\u0647 \u0641\u0639\u0644\u0647 \u0628\u0639\u062f \u062d\u062f\u0648\u062b \u0627\u0644\u062e\u0637\u0623.<\/p>\n<h4>\u062a\u0642\u062f\u064a\u0645 \u062e\u064a\u0627\u0631\u0627\u062a \u0623\u062e\u0631\u0649<\/h4>\n<p>\u0645\u0646 \u0646\u0627\u062d\u064a\u0629 \u0623\u062e\u0631\u0649\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u0642\u062f\u064a\u0645 \u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0644\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u062a\u0647\u0645\u060c \u0645\u062b\u0644 \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u062a\u0635\u0627\u0644\u0647\u0645 \u0628\u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a\u060c \u0623\u0648 \u0645\u062d\u0627\u0648\u0644\u0629 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0625\u062d\u0628\u0627\u0637 \u0627\u0644\u0646\u0627\u062a\u062c \u0639\u0646 \u0627\u0644\u0623\u062e\u0637\u0627\u0621.<\/p>\n<h3>\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627<\/h3>\n<p>\u064a\u0639\u062a\u0628\u0631 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u062c\u0632\u0621\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0645\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631. \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0645\u062b\u0644 <strong>Sentry<\/strong> \u0623\u0648 <strong>LogRocket<\/strong> \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0643. \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0644\u0631\u0635\u062f \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062b \u0639\u0644\u0649 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u0641\u0627\u0635\u064a\u0644 \u062f\u0642\u064a\u0642\u0629 \u062d\u0648\u0644 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u064a \u062d\u062f\u062b\u062a \u0641\u064a\u0647\u0627 \u062a\u0644\u0643 \u0627\u0644\u0623\u062e\u0637\u0627\u0621.<\/p>\n<h4>Integration with Sentry<\/h4>\n<p>\u0644\u062f\u0645\u062c Sentry \u0641\u064a \u062a\u0637\u0628\u064a\u0642 Next.js\u060c \u0639\u0644\u064a\u0643 \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u062d\u0632\u0645\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647 \u0648\u0625\u0639\u062f\u0627\u062f\u0647\u0627 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d:<\/p>\n<pre><code>npm install @sentry\/nextjs<\/code><\/pre>\n<p>\u0628\u0639\u062f \u0630\u0644\u0643\u060c \u0642\u0645 \u0628\u062a\u0643\u0648\u064a\u0646 Sentry \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u062a\u0627\u0644\u064a:<\/p>\n<pre><code>import * as Sentry from \"@sentry\/nextjs\";\n\nSentry.init({\n  dsn: \"https:\/\/examplePublicKey@o0.ingest.sentry.io\/0\", \/\/ \u0623\u0636\u0641 \u0645\u0641\u062a\u0627\u062d DSN \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0647\u0646\u0627\n  tracesSampleRate: 1.0, \/\/ \u0642\u064a\u0645\u0629 \u0645\u0626\u0648\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0639\u062f\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\n});<\/code><\/pre>\n<p>\u0647\u0630\u0627 \u0633\u064a\u0645\u0643\u0646\u0643 \u0645\u0646 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0628\u0634\u0643\u0644 \u062a\u0644\u0642\u0627\u0626\u064a \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627 \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0640 Sentry.<\/p>\n<h3>\u0627\u0644\u062e\u0644\u0627\u0635\u0629<\/h3>\n<p>\u0625\u0646 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u0647\u0648 \u062c\u0632\u0621 \u0623\u0633\u0627\u0633\u064a \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a. \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <strong>Next.js<\/strong>\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0641\u064a\u0630 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0634\u0645\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 **Error Boundaries**\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0640 API\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/p>\n<p>\u0645\u0646 \u062e\u0644\u0627\u0644 \u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u0642\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0648\u0636\u0649 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0623\u062e\u0637\u0627\u0621. \u0627\u0633\u062a\u062b\u0645\u0631 \u0627\u0644\u0648\u0642\u062a \u0641\u064a \u0625\u0639\u062f\u0627\u062f \u0646\u0638\u0627\u0645 \u0639\u0645\u0644\u064a \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u062a\u0637\u0628\u064a\u0642\u0643 \u0648\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0642\u0631\u0627\u0631\u0647.<\/p>\n<p>\u0644\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u062d\u0648\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0627\u062a Next.js\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u062a\u0627\u0644\u064a\u0629: <a href=\"https:\/\/reactjs.org\/docs\/error-boundaries.html\" target=\"_blank\" rel=\"noopener\">React Error Boundaries<\/a>\u060c \u0648<a href=\"https:\/\/nextjs.org\/docs\/api-reference\/data-fetching\/getServerSideProps#getserverSideprops-error-handling\" target=\"_blank\" rel=\"noopener\">Next.js Error Handling<\/a>.<\/p>\n<p> <img decoding=\"async\" src=\"https:\/\/img.b2bpic.net\/premium-photo\/young-handsome-indian-man-feeling-puzzled-confused-doubting-weighting-choosing-different-options-with-funny-expression-business-concept_1194-202036.jpg\" alt=\"\" title=\"\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0643 Catching all errors in your app \u0641\u064a Next.js \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u062a\u0639\u062a\u0628\u0631 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062f \u0646\u062c\u0627\u062d \u0627\u0644\u062a\u0637\u0628\u064a\u0642. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644\u060c \u0633\u0646\u062a\u0646\u0627\u0648\u0644 \u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u062a\u0637\u0628\u064a\u0642 Next.js \u0628\u0637\u0631\u064a\u0642\u0629 \u0641\u0639\u0627\u0644\u0629 \u062a\u0633\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629. \u062a\u0643\u0645\u0646 \u0623\u0647\u0645\u064a\u0629 [&hellip;]<\/p>\n","protected":false},"author":86,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[304],"tags":[],"class_list":["post-370576","post","type-post","status-publish","format-standard","hentry","category-fast-facts"],"acf":[],"_links":{"self":[{"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/posts\/370576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/comments?post=370576"}],"version-history":[{"count":0,"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/posts\/370576\/revisions"}],"wp:attachment":[{"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/media?parent=370576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/categories?post=370576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ypsilon.dev\/ar\/wp-json\/wp\/v2\/tags?post=370576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}