Bun으로 NextJS 실행하기

6471 단어 nextjsbunjsnodejavascript
첫 번째introduction with Bun를 실행하고 ]React application를 실행한 후 Bun으로 NextJS 애플리케이션을 실행하는 방법을 살펴보겠습니다.

글을 쓰는 시점에서 로드맵에는 여전히 꽤 많은 기능이 있으므로 사용할 수 있는 기능이 약간 제한되어 있습니다.

Bun으로 Next.js 실행하기



시작하려면 다음 명령을 실행하여 프로젝트를 생성하십시오.

bun create next bun-next


여기서 bun-next는 프로젝트 폴더 이름이며 이 명령으로 생성합니다.

이렇게 하면 기본 Next 애플리케이션이 스캐폴딩되며 계속 진행하여 평소처럼 구성 요소와 페이지를 만들 수 있습니다.

그러나 내가 만난 몇 가지주의 사항이 있습니다.
  • API 경로가 아직 작동하지 않음
  • SSR에서 가져오기에 문제가 있었습니다 *(이 기능은 곧 제공될 예정입니다)
  • Tailwind 플러그인이 완전히 지원되지 않는다는 내용을 읽었습니다
    • .

    그러나 Bun을 사용해보고 얼마나 빠른지 확인하는 훌륭한 방법입니다.
    about.js라는 프로젝트에 새 페이지를 추가했습니다.

    import Head from 'next/head';
import React from 'react';
import styles from '../styles/Home.module.css';
import nextPackage from 'next/package.json';

export default function About({}) {
  return (
    <div>
      <Head>
        <title>Next.js</title>
        <meta name='description' content='Generated by create next app' />
        <link rel='icon' href='/favicon.ico' />
      </Head>

      <main className={styles.main}>
        <h1 className={styles.title}>About</h1>

        <p className={styles.description}>
          This is a Next.JS project run on Bun
        </p>
        <a href='/'>Back to the homepage</a>
      </main>
    </div>
  );
}


    이제 다음과 같이 색인 페이지에 대한 링크를 추가하십시오.

    <a href='/about'>Read more on the about page</a>


    보시다시피 저는 다음 링크 대신 HTML 링크를 사용하고 있습니다. 이것은 Bun에서 지원되지 않는 것 같습니다. 그러나 나는 이것으로 돌아올 것입니다.

    지금은 Bun 런타임에서 Next.js를 실행할 수 있습니다.



    읽어주셔서 감사합니다. 연결합시다!



    제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook에 연결하거나
    【Swift】 화면에 이미지를 표시하는 방법
    화염 그래프 파트 1

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage