Lax Mariappan laxmariappan

## wp-context-check.php
<?php
use Inpsyde\WpContext;

// Instantiate the class
$context = WpContext::determine();

// Use the WpContext::is() method to check context
if (!$context->is(WpContext::FRONTOFFICE, WpContext::BACKOFFICE)) {
    return false;
}

## gist:537b2721d01f8dd4845af283d6357efb
.jpg, .jpeg, .png, .gif, .bmp, .svg, .mp4, .avi, .mkv, .mov, .wmv, .flv, .mpeg, .3gp, .webm, .ogv

## did-filter.php
<?php
/*
Plugin Name: Did filter Check
Plugin URI: https://gist.github.com/laxmariappan/d49b5930875d1d8f134173742f37774d
Description: Check how did filter works
Version: 1.0
*/

add_filter('lax_plugin','plugin_title_change');

## index.jsx
// import loader hook
import { useLoaderData, Link } from "@remix-run/react";

export let loader = async () => {
  const result = await fetch("https://wordpress.org/news/wp-json/wp/v2/posts");
  const posts = await result.json();
  return posts;
};


## root.jsx
export function ErrorBoundary({ error }) {
  console.log(error);

  return (
    <Document>
      <Layout>
        <section className="p-6">
          <div className="relative items-center w-full px-5 py-12 mx-auto md:px-12 lg:px-24 max-w-7xl">
            <h1>There was an Error</h1>
            <p>{error.message}</p>

## root.jsx
export function Layout({ children }) {
  return (
    <>
      <Header />
      {children}
      <Footer />
    </>
  );
}

## root.jsx
function Document({ children }) {
  return (
    <html lang="en">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <Meta />
        <Links />
      </head>
      <body className="bg-gray-100">

## root.jsx
export default function App() {
return (
<Document>
 <Layout>
  <Outlet />
 </Layout>
</Document>
);
}

## root.jsx
import styles from "./tailwind.css";

//Link the stylesheet

export const links = () => [
{ rel: "stylesheet", href: styles },
];

## installation.js
npx create-remix@latest

//Hit enter to confirm the installation

? Where would you like to create your app? (./my-remix-app) `remix-wp`

//The default name is my-remix-app, you name your app here. I’ve named it remix-wp

//The next step would be choosing the app server.
	<?php
	/*
	Plugin Name: Did filter Check
	Plugin URI: https://gist.github.com/laxmariappan/d49b5930875d1d8f134173742f37774d
	Description: Check how did filter works
	Version: 1.0
	*/

	add_filter('lax_plugin','plugin_title_change');
	// import loader hook
	import { useLoaderData, Link } from "@remix-run/react";

	export let loader = async () => {
	const result = await fetch("https://wordpress.org/news/wp-json/wp/v2/posts");
	const posts = await result.json();
	return posts;
	};
	export function ErrorBoundary({ error }) {
	console.log(error);

	return (
	<Document>
	<Layout>
	<section className="p-6">
	<div className="relative items-center w-full px-5 py-12 mx-auto md:px-12 lg:px-24 max-w-7xl">
	<h1>There was an Error</h1>
	<p>{error.message}</p>
	export function Layout({ children }) {
	return (
	<>
	<Header />
	{children}
	<Footer />
	</>
	);
	}
	function Document({ children }) {
	return (
	<html lang="en">
	<head>
	<meta charSet="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<Meta />
	<Links />
	</head>
	<body className="bg-gray-100">
	export default function App() {
	return (
	<Document>
	<Layout>
	<Outlet />
	</Layout>
	</Document>
	);
	}
	import styles from "./tailwind.css";

	//Link the stylesheet

	export const links = () => [
	{ rel: "stylesheet", href: styles },
	];
	npx create-remix@latest

	//Hit enter to confirm the installation

	? Where would you like to create your app? (./my-remix-app) `remix-wp`

	//The default name is my-remix-app, you name your app here. I’ve named it remix-wp

	//The next step would be choosing the app server.