hamzamu/next.ddp.js

## next.ddp.js
import Head from 'next/head';
import { useState, useEffect } from 'react';
import 'tailwindcss/tailwind.css';
import DashboardLayout from '../dashboard/layout';

import { createClass } from 'asteroid';

function MyApp({ Component, pageProps }) {
  // HELLOZ
  useEffect(() => {
    const Asteroid = createClass();
    // Connect to a Meteor backend
    const asteroid = new Asteroid({
      endpoint: 'ws://localhost:3033/websocket',
    });

    asteroid
      .call('helloddp')
      .then((result) => {
        console.log('Success');
        console.log(result);
      })
      .catch((error) => {
        console.log('Error');
        console.error(error);
      });
  }, []);

  return (
    <>
      <Head>
        <title>Salvia-kit Dashboard v4 Next.js</title>
      </Head>
      <DashboardLayout>
        <Component {...pageProps} />
      </DashboardLayout>
    </>
  );
}

export default MyApp;
	import Head from 'next/head';
	import { useState, useEffect } from 'react';
	import 'tailwindcss/tailwind.css';
	import DashboardLayout from '../dashboard/layout';

	import { createClass } from 'asteroid';

	function MyApp({ Component, pageProps }) {
	// HELLOZ
	useEffect(() => {
	const Asteroid = createClass();
	// Connect to a Meteor backend
	const asteroid = new Asteroid({
	endpoint: 'ws://localhost:3033/websocket',
	});

	asteroid
	.call('helloddp')
	.then((result) => {
	console.log('Success');
	console.log(result);
	})
	.catch((error) => {
	console.log('Error');
	console.error(error);
	});
	}, []);

	return (
	<>
	<Head>
	<title>Salvia-kit Dashboard v4 Next.js</title>
	</Head>
	<DashboardLayout>
	<Component {...pageProps} />
	</DashboardLayout>
	</>
	);
	}

	export default MyApp;