Skip to content

Commit

Permalink
Merge branch 'master' of https://github.com/liara-cloud/docs
Browse files Browse the repository at this point in the history
  • Loading branch information
gholi-dev committed Feb 21, 2024
2 parents 98dbd24 + 1a82f7d commit 4b79a29
Showing 1 changed file with 8 additions and 51 deletions.
59 changes: 8 additions & 51 deletions pages/app-deploy/nextjs/tips.js
Original file line number Diff line number Diff line change
Expand Up @@ -41,10 +41,10 @@ export default () => (
<a href="#next-isr">استفاده از قابلیت ISR</a>
</li>
<li>
<a href="#cors">رفع خطای CORS</a>
<a href="#next-static-assets">Static Assets</a>
</li>
<li>
<a href="#next-static-assets">Static Assets</a>
<a href="#econnreset">رفع خطای ECONNRESET</a>
</li>
</ul>

Expand Down Expand Up @@ -229,55 +229,6 @@ export default () => (
(Cache) شده و صفحات ساخته شده در این مسیرها حذف خواهند شد.
</Notice>

<h3 id="cors">رفع خطای CORS</h3>
<p>
با وجود انواع مختلف فریم‌ورک‌ها، برای رفع خطای CORS راه حل‌های متفاوتی
وجود دارد. برای مثال در فریم‌ورک NextJS باید طبق{" "}
<a
href="https://nextjs.org/docs/api-routes/api-middlewares#connectexpress-middleware-support"
target="_blank"
>
مستندات رسمی
</a>{" "}
این فریم‌ورک، پکیج{" "}
<a href="https://www.npmjs.com/package/cors" target="_blank">
cors
</a>{" "}
را نصب کرده:
</p>
<Highlight className="bash">{`$ npm i cors`}</Highlight>
<p>و به‌شکل زیر از آن در برنامه‌ی خود استفاده کنید:</p>
<Highlight className="javascript">{`import Cors from 'cors'
// Initializing the cors middleware
const cors = Cors({
methods: ['GET', 'HEAD'],
})
// Helper method to wait for a middleware to execute before continuing
// And to throw an error when an error happens in a middleware
function runMiddleware(req, res, fn) {
return new Promise((resolve, reject) => {
fn(req, res, (result) => {
if (result instanceof Error) {
return reject(result)
}
return resolve(result)
})
})
}
async function handler(req, res) {
// Run the middleware
await runMiddleware(req, res, cors)
// Rest of the API logic
res.json({ message: 'Hello Everyone!' })
}
export default handler`}</Highlight>

<h3 id="next-static-assets">Static Assets</h3>
<p>
در Next.js می‌توانید فایل‌های استاتیک مانند تصاویر را در یک پوشه به نام
Expand Down Expand Up @@ -321,5 +272,11 @@ export function Example() {
نخواهند بود. برای ذخیره‌ی دائمی فایل‌ها، توصیه می‌‌شود از سرویس
<Link href="/buckets/about"> ذخیره‌ سازی ابری</Link> لیارا استفاده کنید.
</p>

<h3 id="econnreset">رفع خطای ECONNRESET</h3>
<p>
این خطا به دلیل رسیدن به حداکثر محدودیت منابع رخ می‌دهد و با ارتقا پلن،
رفع می‌شود.
</p>
</Layout>
);

0 comments on commit 4b79a29

Please sign in to comment.