Production Build about blog-template-using-nextjs-typescript-tailwindcss

[webexpe13]

Run the export comand, it will generate the out folder. That is the static build folder you can upload on your server. There is an entire article on the demo website on how to export and deploy on firebase. https://nextjs-simple-blog-template.web.app/tutorial/how-to-deploy-blog/

…

On Wed, 18 Oct 2023, 6:12 pm Maram Srinivasa Reddy, < ***@***.***> wrote: Blog application using nextjs and type script I want to Use Your Template for My Blog application, How to generate production folder to host on live. .. — Reply to this email directly, view it on GitHub <#9 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2QTN3QVO5PNAE52Z3TGQKDX77FCJAVCNFSM6AAAAAA6AMY2A6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONRYGM3TCMRRGU> . You are receiving this because you commented.Message ID: <webexpe13/blog-template-using-nextjs-typescript-tailwindcss/issues/9/1768371215 @github.com>

[webexpe13]

Yes sure, just tell us the website so that we can add this in our demo list.

…

On Sat, Oct 14, 2023, 11:20 PM Maram Srinivasa Reddy < ***@***.***> wrote: How can Use it Template For Production Build — Reply to this email directly, view it on GitHub <#9>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2QTN3V5OLGAWO62J33SVIDX7LGFZANCNFSM6AAAAAA6AMY2A4> . You are receiving this because you are subscribed to this thread.Message ID: <webexpe13/blog-template-using-nextjs-typescript-tailwindcss/issues/9@ github.com>

[srinivasmaram2025]

Blog application using nextjs and type script

I want to Use Your Template for My Blog application, How to generate production folder to host on live.
..

[srinivasmaram2025]

Thanks...

[srinivasmaram2025]

D:\Full Stack\Pro Mern Stack\NextJS\blog-template-using-nextjs-typescript-tailwindcss>npm run out

[email protected] out
next build && next export

info - Checking validity of types

Failed to compile.

./src/components/Navbar/Centered.tsx
120:13 Error: Missing "key" prop for element in iterator react/jsx-key

./src/components/Navbar/NavSideBar.tsx
57:33 Error: Missing "key" prop for element in iterator react/jsx-key

./src/components/Navbar/SimpleNavbar.tsx
50:17 Error: Missing "key" prop for element in iterator react/jsx-key

./src/components/Slider/index.tsx
26:25 Warning: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images. jsx-a11y/alt-text

info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules

It Shows error like this, How can i Debug.

[webexpe13]

Hi,

For slider alt test warning just add an alt="" to image tag.
./src/components/Slider/index.tsx
26:25 Warning: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images. jsx-a11y/alt-text
example: <img src='' alt='some alt text' ... />

For the rest 3 bugs
./src/components/Navbar/Centered.tsx
./src/components/Navbar/NavSideBar.tsx
./src/components/Navbar/SimpleNavbar.tsx

you might have run a loop in jsx whithout giving a key to the element. in react we need to pass a key if we are rendering thru a loop.

eample:
{ array.map(each => ( <div key={each.id}> ..... </div> )) }

please check your code and let me know if you need any more help.