Skip to content

Commit

Permalink
Merge pull request #170 from SaekKkanDa/feature/169
Browse files Browse the repository at this point in the history
feature: sentry, nextjs로 변경
  • Loading branch information
hyeongjun3 authored May 21, 2023
2 parents 2914e3e + 1051ac9 commit 82a1e13
Show file tree
Hide file tree
Showing 10 changed files with 432 additions and 84 deletions.
4 changes: 3 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -25,4 +25,6 @@ dist-ssr
*.sw?
*.env

*.cache
*.cache
# Sentry Auth Token
.sentryclirc
10 changes: 0 additions & 10 deletions next.config.js

This file was deleted.

58 changes: 58 additions & 0 deletions next.config.mjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
import { withSentryConfig } from '@sentry/nextjs';

/**
* @type {import('next').NextConfig}
*/
const nextConfig = {
reactStrictMode: true,
compiler: {
styledComponents: true,
},
// HJ TODO: 학습 필요
sentry: {
autoInstrumentServerFunctions: false,
},
};

/**
* @type {import('@sentry/nextjs/types/config/types').SentryWebpackPluginOptions}>
*/
const sentryWebpackPluginOptions = {
// For all available options, see:
// https://github.com/getsentry/sentry-webpack-plugin#options

// Suppresses source map uploading logs during build
silent: true,

org: 'saekkkanda-m0',
project: 'omct-next',
};

/**
* @type {import('@sentry/nextjs/types/config/types').UserSentryOptions}>
*/
const sentryOptions = {
// For all available options, see:
// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/

// Upload a larger set of source maps for prettier stack traces (increases build time)
widenClientFileUpload: true,

// Transpiles SDK to be compatible with IE11 (increases bundle size)
transpileClientSDK: true,

// Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
tunnelRoute: '/monitoring',

// Hides source maps from generated client bundles
hideSourceMaps: true,

// Automatically tree-shake Sentry logger statements to reduce bundle size
disableLogger: true,
};

export default withSentryConfig(
nextConfig,
sentryWebpackPluginOptions,
sentryOptions
);
3 changes: 1 addition & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,8 @@
"@fortawesome/free-regular-svg-icons": "^6.3.0",
"@fortawesome/free-solid-svg-icons": "^6.3.0",
"@fortawesome/react-fontawesome": "^0.2.0",
"@sentry/react": "^7.40.0",
"@sentry/tracing": "^7.40.0",
"@types/kakao-js-sdk": "^1.39.1",
"@sentry/nextjs": "^7.52.1",
"eslint-config-prettier": "^8.6.0",
"firebase": "^9.17.1",
"html2canvas": "^1.4.1",
Expand Down
30 changes: 30 additions & 0 deletions sentry.client.config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
// This file configures the initialization of Sentry on the client.
// The config you add here will be used whenever a users loads a page in their browser.
// https://docs.sentry.io/platforms/javascript/guides/nextjs/

import * as Sentry from '@sentry/nextjs';

Sentry.init({
dsn: 'https://9a3b5d02657d4031b2f5f2c1b33f0e44@o4504803405332480.ingest.sentry.io/4505216542572544',

// Adjust this value in production, or use tracesSampler for greater control
tracesSampleRate: 1,

// Setting this option to true will print useful information to the console while you're setting up Sentry.
debug: false,

replaysOnErrorSampleRate: 1.0,

// This sets the sample rate to be 10%. You may want this to be 100% while
// in development and sample at a lower rate in production
replaysSessionSampleRate: 0.1,

// You can remove this option if you're not planning to use the Sentry Session Replay feature:
integrations: [
new Sentry.Replay({
// Additional Replay configuration goes in here, for example:
maskAllText: true,
blockAllMedia: true,
}),
],
});
16 changes: 16 additions & 0 deletions sentry.edge.config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).
// The config you add here will be used whenever one of the edge features is loaded.
// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.
// https://docs.sentry.io/platforms/javascript/guides/nextjs/

import * as Sentry from "@sentry/nextjs";

Sentry.init({
dsn: "https://9a3b5d02657d4031b2f5f2c1b33f0e44@o4504803405332480.ingest.sentry.io/4505216542572544",

// Adjust this value in production, or use tracesSampler for greater control
tracesSampleRate: 1,

// Setting this option to true will print useful information to the console while you're setting up Sentry.
debug: false,
});
15 changes: 15 additions & 0 deletions sentry.server.config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
// This file configures the initialization of Sentry on the server.
// The config you add here will be used whenever the server handles a request.
// https://docs.sentry.io/platforms/javascript/guides/nextjs/

import * as Sentry from "@sentry/nextjs";

Sentry.init({
dsn: "https://9a3b5d02657d4031b2f5f2c1b33f0e44@o4504803405332480.ingest.sentry.io/4505216542572544",

// Adjust this value in production, or use tracesSampler for greater control
tracesSampleRate: 1,

// Setting this option to true will print useful information to the console while you're setting up Sentry.
debug: false,
});
19 changes: 8 additions & 11 deletions src/pages/_app.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import type { AppProps } from 'next/app';
import Head from 'next/head';
import { RecoilRoot } from 'recoil';
import { ThemeProvider } from 'styled-components';
import { ErrorBoundary } from '@sentry/react';
import MobileLayout from '@Components/Layout/MobileLayout';
import GlobalStyle from '@Styles/GlobalStyle';
import theme from '@Styles/theme';
Expand All @@ -21,16 +20,14 @@ const App = ({ Component, pageProps }: AppProps) => {
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</Head>

<ErrorBoundary>
<RecoilRoot>
<GlobalStyle />
<ThemeProvider theme={theme}>
<MobileLayout>
<Component {...pageProps} />
</MobileLayout>
</ThemeProvider>
</RecoilRoot>
</ErrorBoundary>
<RecoilRoot>
<GlobalStyle />
<ThemeProvider theme={theme}>
<MobileLayout>
<Component {...pageProps} />
</MobileLayout>
</ThemeProvider>
</RecoilRoot>
</>
);
};
Expand Down
12 changes: 0 additions & 12 deletions src/pages/_document.tsx
Original file line number Diff line number Diff line change
@@ -1,17 +1,5 @@
import React from 'react';
import { Html, Head, Main, NextScript } from 'next/document';
import * as Sentry from '@sentry/browser';
import { BrowserTracing } from '@sentry/tracing';

const isProduction = process.env.PROD;

Sentry.init({
dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
environment: isProduction ? 'production' : 'development',
release: process.env.NEXT_PUBLIC_RELEASE_VERSION,
integrations: [new BrowserTracing()],
tracesSampleRate: 1.0,
});

export default function Document() {
return (
Expand Down
Loading

0 comments on commit 82a1e13

Please sign in to comment.