diff --git a/documentation/blog/2021-12-22-base64-upload.md b/documentation/blog/2021-12-22-base64-upload.md index 834b798212e94..bd196bf025ba2 100644 --- a/documentation/blog/2021-12-22-base64-upload.md +++ b/documentation/blog/2021-12-22-base64-upload.md @@ -176,7 +176,7 @@ input.addEventListener("change", (e) => { Here we take data in file format and encode it as Base64. Then we show this encoded image and Base64 encoding output. -overview +overview
## Live Codesandbox Example diff --git a/documentation/blog/2022-03-16-internal-tool-frameworks.md b/documentation/blog/2022-03-16-internal-tool-frameworks.md index 9943029b55bf8..1bf8581489c0e 100644 --- a/documentation/blog/2022-03-16-internal-tool-frameworks.md +++ b/documentation/blog/2022-03-16-internal-tool-frameworks.md @@ -90,13 +90,13 @@ npm i @refinedev/core @refinedev/antd [**Refine** Admin Panel Example](https://example.admin.refine.dev/?current=1&pageSize=5) -Refine Admin Panel Example +Refine Admin Panel Example
[**Refine** Headless + Tailwind CSS Client(B2C) Example](https://example.refine.dev/) -Refine Client Example +Refine Client Example ## 3. RedwoodJS @@ -124,7 +124,7 @@ Redwood includes deploy support for Netlify, Vercel, Render.com, AWS and more. B [Link](https://github.com/redwoodjs/example-blog) -Redwood Example +Redwood Example ## 4. React Admin diff --git a/documentation/blog/2022-03-29-react-hook-form-upload.md b/documentation/blog/2022-03-29-react-hook-form-upload.md index ba32b0a33bc08..9f78f461fab2e 100644 --- a/documentation/blog/2022-03-29-react-hook-form-upload.md +++ b/documentation/blog/2022-03-29-react-hook-form-upload.md @@ -117,7 +117,7 @@ Try [Refine](https://github.com/pankod/refine) to rapidly build your next **CRUD
- refine blog logo + refine blog logo
diff --git a/documentation/blog/2022-05-02-high-quality-free-resources.md b/documentation/blog/2022-05-02-high-quality-free-resources.md index 419b7f2bab33b..64e0f9478fb10 100644 --- a/documentation/blog/2022-05-02-high-quality-free-resources.md +++ b/documentation/blog/2022-05-02-high-quality-free-resources.md @@ -103,7 +103,7 @@ But apart from all these, there is one last item that I want to talk to you abou **Refine** offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. Use-cases include, but are not limited to admin panels, B2B applications and dashboards. -refine +refine If you're looking for a framework that will let your data- intensive application run at top speeds with extreme customizability, then look no further than refine. This React based headless system has been designed specifically for speed - allowing users to bring their own UI and update it via [Refine's](https://refine.dev/core/docs/) powerful interface! diff --git a/documentation/blog/2022-08-04-mocking-api-calls.md b/documentation/blog/2022-08-04-mocking-api-calls.md index eb87231bdbc57..5fb13d1b34bc0 100644 --- a/documentation/blog/2022-08-04-mocking-api-calls.md +++ b/documentation/blog/2022-08-04-mocking-api-calls.md @@ -4,7 +4,7 @@ description: How to test API calls in React? slug: mocking-api-calls-in-react authors: necati tags: [react] -image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2022-08-04-mocking-api-calls/social.png +image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2022-08-04-mocking-api-calls/social.webp hide_table_of_contents: false --- diff --git a/documentation/blog/2022-09-02-sveltekit-crud-app.md b/documentation/blog/2022-09-02-sveltekit-crud-app.md index 68d822c08fa7c..7e339830dabdb 100644 --- a/documentation/blog/2022-09-02-sveltekit-crud-app.md +++ b/documentation/blog/2022-09-02-sveltekit-crud-app.md @@ -421,7 +421,7 @@ Check out [Refine](https://github.com/refinedev/refine), if you are interested i
- refine blog logo + refine blog logo
diff --git a/documentation/blog/2023-01-17-airtable-crud-app.md b/documentation/blog/2023-01-17-airtable-crud-app.md index 66f4a0a2401e4..8f9ee266bb848 100644 --- a/documentation/blog/2023-01-17-airtable-crud-app.md +++ b/documentation/blog/2023-01-17-airtable-crud-app.md @@ -68,7 +68,7 @@ To create a base, click **Add a base**. On creating a base, we will create a tab
-react crud app airtable +react crud app airtable

diff --git a/documentation/blog/2023-04-06-finefood-admin-dashboard.md b/documentation/blog/2023-04-06-finefood-admin-dashboard.md index b636353596316..c3911437ec2df 100644 --- a/documentation/blog/2023-04-06-finefood-admin-dashboard.md +++ b/documentation/blog/2023-04-06-finefood-admin-dashboard.md @@ -1829,7 +1829,7 @@ In the code above: **Output:**
- react admin dashboard + react admin dashboard

diff --git a/documentation/blog/2023-07-11-docker-volume.md b/documentation/blog/2023-07-11-docker-volume.md index 79c1d8a2cfe9f..ecbcee79d6b1e 100644 --- a/documentation/blog/2023-07-11-docker-volume.md +++ b/documentation/blog/2023-07-11-docker-volume.md @@ -4,7 +4,7 @@ description: We'll go over the fundamentals of Docker volumes, including what th slug: docker-volumes authors: muhammad_khabbab tags: [docker, dev-tools] -image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-07-11-docker-volume/social.png +image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-07-11-docker-volume/social.webp hide_table_of_contents: false --- diff --git a/documentation/blog/2023-07-26-refine-primereact-dashboard.md b/documentation/blog/2023-07-26-refine-primereact-dashboard.md index 1df459280972a..5f120302a0105 100644 --- a/documentation/blog/2023-07-26-refine-primereact-dashboard.md +++ b/documentation/blog/2023-07-26-refine-primereact-dashboard.md @@ -101,7 +101,7 @@ In this blog, we won't be using the generated pages. Instead, we'll build our ad Once your project is successfully run, you will see the following page:
- React admin panel + React admin panel
## What is PrimeReact? diff --git a/documentation/blog/2023-09-20-next-ui-panel.md b/documentation/blog/2023-09-20-next-ui-panel.md index 9902d53960287..bdc0cd96c2a5e 100644 --- a/documentation/blog/2023-09-20-next-ui-panel.md +++ b/documentation/blog/2023-09-20-next-ui-panel.md @@ -80,7 +80,7 @@ npm run dev Once your project is successfully run, you will see the following page:
- React admin panel next ui + React admin panel next ui
### Tidy things up diff --git a/documentation/blog/2023-10-05-docker-swarm.md b/documentation/blog/2023-10-05-docker-swarm.md index 0d0bfb51cf59c..05fd32af32c8e 100644 --- a/documentation/blog/2023-10-05-docker-swarm.md +++ b/documentation/blog/2023-10-05-docker-swarm.md @@ -203,7 +203,7 @@ Sometimes, while troubleshooting an issue, you might need to view detailed logs **This command will return the following output:**
- docker swarm + docker swarm

diff --git a/documentation/blog/2023-12-20-web-development.md b/documentation/blog/2023-12-20-web-development.md index 5389aa929ef27..0d971405bc2b8 100644 --- a/documentation/blog/2023-12-20-web-development.md +++ b/documentation/blog/2023-12-20-web-development.md @@ -4,7 +4,7 @@ description: This post depicts a general picture of where web development is hea slug: web-development authors: abdullah_numan tags: [react, comparison] -image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-12-20-web-development/social.jpg +image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-12-20-web-development/social.webp hide_table_of_contents: false --- diff --git a/documentation/blog/2023-12-26-build-an-app.md b/documentation/blog/2023-12-26-build-an-app.md index 8fc0171795eaa..00d86987e8bae 100644 --- a/documentation/blog/2023-12-26-build-an-app.md +++ b/documentation/blog/2023-12-26-build-an-app.md @@ -4,7 +4,7 @@ description: In this article, we will explore some steps you can follow when bui slug: how-to-build-a-web-app authors: joseph_mawa tags: [comparison] -image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-12-26-build-an-app/social.jpg +image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2023-12-26-build-an-app/social.webp hide_table_of_contents: false --- diff --git a/documentation/blog/2024-01-12-k8s-operators.md b/documentation/blog/2024-01-12-k8s-operators.md index 91eb581579b6a..0b33d9fb0450c 100644 --- a/documentation/blog/2024-01-12-k8s-operators.md +++ b/documentation/blog/2024-01-12-k8s-operators.md @@ -109,7 +109,7 @@ For Windows, the binary is not supported, you will need to use `WSL` on Windows. See the below screenshot of all these steps that I performed on my Ubuntu:
-installing operator sdk +installing operator sdk
### **Creating a New Operator:** diff --git a/documentation/blog/2024-03-19-ts-shadcn.md b/documentation/blog/2024-03-19-ts-shadcn.md index 606492123185f..aa37cf266775d 100644 --- a/documentation/blog/2024-03-19-ts-shadcn.md +++ b/documentation/blog/2024-03-19-ts-shadcn.md @@ -51,7 +51,7 @@ For example, we can integrate Shadcn within a Refine app with the help of Vite a ## What is Shadcn?
-shadcn ui +shadcn ui
Shadcn is a React headless UI components generator that can be used for composing bespoke component libraries. It inherently decouples component logic from the JSX markup and bases its styles on top of [TailwindCSS](https://tailwindcss.com/docs/installation). Shadcn is also equipped with tools to generate variant styles necessary of a robust reusable React component library. @@ -1499,7 +1499,7 @@ Notice how the Shadcn `